/**
*@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的项目中,利用JavaScript实现页面的局部刷新功能。AdminLTE是一款流行的后台管理界面框架,它基于Bootstrap构建,提供了丰富的组件和预设样式,使得开发者能够快速搭建...
本文将介绍使用jQuery和ajax来实现页面局部刷新的两种方法。对于jQuery,它是一个快速、小巧、功能丰富的JavaScript库,通过它可以轻松操作DOM,而ajax允许我们实现无需重新加载整个页面就可以更新网页的部分内容。 ...
在Web开发中,页面局部刷新和全局刷新是两种常见的功能实现。局部刷新指的是仅更新页面的一部分内容,而无需重新加载整个页面;全局刷新则是指重新加载整个页面。jQuery作为一个广泛使用的JavaScript库,提供了简单...
总结,jQuery为实现页面局部刷新提供了强大的工具,通过AJAX请求获取数据,然后结合DOM操作方法更新页面内容。结合良好的编程习惯和优化策略,可以创建出响应迅速、用户体验优良的Web应用。在实际项目中,可以根据...
3. **局部刷新实现**: 局部刷新是AJAX的核心特性,它允许只更新页面的一部分而不是整个页面。在Struts2中,我们可以创建一个Action,该Action负责处理特定的请求并返回需要更新的数据。然后,使用jQuery的AJAX方法...
它允许JavaScript与服务器端的Java代码进行交互,使得前端可以调用后端的方法,获取或更新数据,从而实现局部刷新的效果。这种技术极大地提升了用户体验,因为用户不再需要等待整个页面加载,只需更新所需的部分内容...
本案例主要探讨如何基于AdminLTE(一个基于Bootstrap的开源后台主题)利用iframe和JavaScript实现局部刷新功能,以提升用户体验。 AdminLTE是一个免费的响应式后台模板,其设计灵感来源于Twitter的Bootstrap框架,...
在后台模板中,`iframe`通常被用来承载各个功能模块,如数据管理、设置等,这样当用户在不同模块间切换时,只需要加载`iframe`内的内容,而不是整个页面,实现了局部刷新的效果。 选项卡功能是另一种提高用户交互性...
实现使用JavaScript DOM 操作实现网页局部刷新
总结来说,"html通过js调用php代码实现局部刷新"是一个常见的Web开发场景,它结合了HTML的静态结构、JavaScript的动态交互以及PHP的服务器处理能力。通过理解和实践这个过程,开发者可以创建更加高效、用户友好的Web...
在这个“基于bootstrap用iframe实现的局部刷新的案例”中,我们将探讨如何利用Bootstrap结合JavaScript(特别是与标签相关的操作)以及iframe元素来实现页面的局部刷新和tab页切换效果。 首先,Bootstrap的Tab组件...
局部刷新通常涉及到对DOM元素的增删改查,通过JavaScript或相关的库(如jQuery)来实现。例如,当接收到新的数据时,可以找到对应的DOM节点并更新其内容,而不是重新加载整个页面。 2. **Ajax技术**:Ajax...
国家电网的一个面试题,要求不使用ajax控件实现页面的局部刷新
本文将深入分析如何使用JavaScript结合Ajax来实现定时局部刷新table的功能。 #### 二、定时器setInterval的使用 `setInterval`函数用于设置一个定时器,该定时器会每隔一段时间执行指定的函数或代码块。在这个例子...
在网页开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于实现页面的局部刷新,以提高用户体验。Ajax的核心是JavaScript对象XMLHttpRequest,它允许在不重新加载整个页面的情况下与服务器交换数据并...
在探讨PHP与AJAX如何协同工作以实现网页的局部刷新之前,我们首先需要理解这两个技术的基本概念及其在现代Web开发中的角色。 ### PHP:服务端脚本语言 PHP(Hypertext Preprocessor)是一种广泛使用的开源服务器端...
综上所述,这个最简单的框架式局部刷新解决方案旨在为ASP.NET开发者提供一个快速、易用的方法来实现文件上传的局部刷新功能,减少不必要的复杂性和二次开发的工作量,同时保持良好的用户体验。通过巧妙运用...
综上所述,iframe、JavaScript、Callback和Ajax是实现页面局部刷新的四种关键技术。它们各有特点和适用场景,开发者可以根据实际需求选择合适的方法,以优化用户界面的交互性和性能。例如,对于简单的局部内容更新,...
在Web开发中,有多种实现局部刷新的方法: 1. **AJAX(Asynchronous JavaScript and XML)**:AJAX 是一种创建动态网页的技术,通过在后台与服务器进行少量数据交换,使网页实现异步更新。开发者可以使用...
5. **DOM更新**:JavaScript接收到数据后,会更新DOM树中的相应部分,实现局部刷新。 **回调函数:** 在DWR中,可以定义回调函数来处理服务器返回的数据。例如,`onSuccess`和`onError`函数是常见的回调函数: - `...