`
炮飞天
  • 浏览: 8325 次
  • 性别: Icon_minigender_1
  • 来自: 大连
最近访客 更多访客>>
社区版块
存档分类
最新评论

js实现局部刷新的方法

阅读更多

/**
*@description:      统一的局部刷新请求入口
*@param:            actionName        已配置的action
*@param:            actionMethod      action中的方法
*@param:            getParameter      利用get方法传递的参数
*@param:            postParameter     利用post方法传递的参数
*@param:            isSynch
*@return:           从服务器返回的字符串
*/
function executeRequest(actionName,actionMethod,postParameter,isAsynchronism){
    //判断是否使用局部刷新
    var isPartlyRefresh;
    if(event!=null)
    {
    var srcObj = event.srcElement;  
    if(srcObj != null && srcObj.tagName.toUpperCase() == "INPUT"){     
        if(srcObj.isPartlyRefresh != null && srcObj.isPartlyRefresh.toUpperCase() == "FALSE"){                         
                return "FALSE_NOTING";                            
        }
    }
    }
    var objXMLReq = getObjXMLReq();
    var strURL = document.getElementById("path") + "/" + actionName + ".do";
    currentActionName = actionName;
   
    var flag = false;
    if(actionMethod != null && actionMethod != ""){
        strURL += "?method=" + actionMethod;
        flag = true;
    }
    //增加局部刷新标示符
    if(flag)
        strURL += "&isPartlyRefresh=true";
    else
        strURL += "?isPartlyRefresh=true"; 
  
    if(postParameter == null) postParameter ="";
       
    if(isAsynchronism == null) isAsynchronism = false;
    objXMLReq.open("POST", strURL, isAsynchronism);
    objXMLReq.send(postParameter);
   
    var result;
    if(isAsynchronism==false){
            result = objXMLReq.responseText;                   
            return result;
     }
}

//取得XMLHttpRequest对象,基于AJAX技术
function getObjXMLReq(){
    var objXMLReq;
    // IE5 for the mac claims to support window.ActiveXObject, but throws an error when it's used
    if (window.ActiveXObject && !(navigator.userAgent.indexOf('Mac') >= 0 && navigator.userAgent.indexOf("MSIE") >= 0)){
        objXMLReq = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //for Mozilla and Safari etc.
    else if (window.XMLHttpRequest){
        objXMLReq = new XMLHttpRequest();
    }
    return objXMLReq;
}

 

分享到:
评论

相关推荐

    基于AdminLTE(bootstrap)用JS实现的局部刷新的案例

    这个案例是关于如何在基于AdminLTE和Bootstrap的项目中,利用JavaScript实现页面的局部刷新功能。AdminLTE是一款流行的后台管理界面框架,它基于Bootstrap构建,提供了丰富的组件和预设样式,使得开发者能够快速搭建...

    jQuery+ajax实现局部刷新的两种方法

    本文将介绍使用jQuery和ajax来实现页面局部刷新的两种方法。对于jQuery,它是一个快速、小巧、功能丰富的JavaScript库,通过它可以轻松操作DOM,而ajax允许我们实现无需重新加载整个页面就可以更新网页的部分内容。 ...

    jQuery 局部div刷新和全局刷新方法总结

    在Web开发中,页面局部刷新和全局刷新是两种常见的功能实现。局部刷新指的是仅更新页面的一部分内容,而无需重新加载整个页面;全局刷新则是指重新加载整个页面。jQuery作为一个广泛使用的JavaScript库,提供了简单...

    jquery实现页面局部刷新

    总结,jQuery为实现页面局部刷新提供了强大的工具,通过AJAX请求获取数据,然后结合DOM操作方法更新页面内容。结合良好的编程习惯和优化策略,可以创建出响应迅速、用户体验优良的Web应用。在实际项目中,可以根据...

    Struts2+jQuery(不用JSON)实现局部刷新

    3. **局部刷新实现**: 局部刷新是AJAX的核心特性,它允许只更新页面的一部分而不是整个页面。在Struts2中,我们可以创建一个Action,该Action负责处理特定的请求并返回需要更新的数据。然后,使用jQuery的AJAX方法...

    dwr实现局部刷新

    它允许JavaScript与服务器端的Java代码进行交互,使得前端可以调用后端的方法,获取或更新数据,从而实现局部刷新的效果。这种技术极大地提升了用户体验,因为用户不再需要等待整个页面加载,只需更新所需的部分内容...

    基于AdminLTE(bootstrap)用iframe实现的局部刷新的案例

    本案例主要探讨如何基于AdminLTE(一个基于Bootstrap的开源后台主题)利用iframe和JavaScript实现局部刷新功能,以提升用户体验。 AdminLTE是一个免费的响应式后台模板,其设计灵感来源于Twitter的Bootstrap框架,...

    bootstarp+iframe 实现局部刷新 后台模板

    在后台模板中,`iframe`通常被用来承载各个功能模块,如数据管理、设置等,这样当用户在不同模块间切换时,只需要加载`iframe`内的内容,而不是整个页面,实现了局部刷新的效果。 选项卡功能是另一种提高用户交互性...

    JavaScript DOM 操作 局部刷新

    实现使用JavaScript DOM 操作实现网页局部刷新

    html通过js调用php代码实现局部刷新

    总结来说,"html通过js调用php代码实现局部刷新"是一个常见的Web开发场景,它结合了HTML的静态结构、JavaScript的动态交互以及PHP的服务器处理能力。通过理解和实践这个过程,开发者可以创建更加高效、用户友好的Web...

    基于bootstrap用iframe实现的局部刷新的案例

    在这个“基于bootstrap用iframe实现的局部刷新的案例”中,我们将探讨如何利用Bootstrap结合JavaScript(特别是与标签相关的操作)以及iframe元素来实现页面的局部刷新和tab页切换效果。 首先,Bootstrap的Tab组件...

    局部刷新功能实现

    局部刷新通常涉及到对DOM元素的增删改查,通过JavaScript或相关的库(如jQuery)来实现。例如,当接收到新的数据时,可以找到对应的DOM节点并更新其内容,而不是重新加载整个页面。 2. **Ajax技术**:Ajax...

    手写js实现Ajax局部刷新技术

    国家电网的一个面试题,要求不使用ajax控件实现页面的局部刷新

    定时局部刷新table

    本文将深入分析如何使用JavaScript结合Ajax来实现定时局部刷新table的功能。 #### 二、定时器setInterval的使用 `setInterval`函数用于设置一个定时器,该定时器会每隔一段时间执行指定的函数或代码块。在这个例子...

    ajax实现局部刷新

    在网页开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于实现页面的局部刷新,以提高用户体验。Ajax的核心是JavaScript对象XMLHttpRequest,它允许在不重新加载整个页面的情况下与服务器交换数据并...

    php ajax 实现局部刷新简单例子(超简单化)

    在探讨PHP与AJAX如何协同工作以实现网页的局部刷新之前,我们首先需要理解这两个技术的基本概念及其在现代Web开发中的角色。 ### PHP:服务端脚本语言 PHP(Hypertext Preprocessor)是一种广泛使用的开源服务器端...

    框架式局部刷新最简单解决方案

    综上所述,这个最简单的框架式局部刷新解决方案旨在为ASP.NET开发者提供一个快速、易用的方法来实现文件上传的局部刷新功能,减少不必要的复杂性和二次开发的工作量,同时保持良好的用户体验。通过巧妙运用...

    页面四种局部刷新技术.txt

    综上所述,iframe、JavaScript、Callback和Ajax是实现页面局部刷新的四种关键技术。它们各有特点和适用场景,开发者可以根据实际需求选择合适的方法,以优化用户界面的交互性和性能。例如,对于简单的局部内容更新,...

    页面局部刷新

    在Web开发中,有多种实现局部刷新的方法: 1. **AJAX(Asynchronous JavaScript and XML)**:AJAX 是一种创建动态网页的技术,通过在后台与服务器进行少量数据交换,使网页实现异步更新。开发者可以使用...

    dwr ajax 局部刷新

    5. **DOM更新**:JavaScript接收到数据后,会更新DOM树中的相应部分,实现局部刷新。 **回调函数:** 在DWR中,可以定义回调函数来处理服务器返回的数据。例如,`onSuccess`和`onError`函数是常见的回调函数: - `...

Global site tag (gtag.js) - Google Analytics