js向后台请求方式
1 if(window.ActiveXObject){
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest){
xmlHttp=new XMLHttpRequest();
}
var url =请求的全路径
xmlHttp.open("post",url,true);
xmlHttp.onreadystatechange=function (){
if(xmlHttp.status != 200){//错误处理
window.location.href= path+"/chart/err.jsp?eid=1";
}
if(xmlHttp.readyState == 4 && xmlHttp.status == 200){
responseJson = xmlHttp.responseText;
var myResponseJson = eval('('+responseJson+')')[0];
dArray = eval('('+myResponseJson.datelistjson+')');
sf = eval('('+myResponseJson.sfArray+')');
headkey = eval('('+myResponseJson.zhibiaoArray+')');
head = eval('('+myResponseJson.title+')');
$ID("pageNO").value = myResponseJson.pageno;
$ID("pageSize").value = myResponseJson.pagesize;
$ID("dataCount").value = myResponseJson.datacount;
ctable(dArray,filed,flag);
$RENDER_PAGETURN(myResponseJson.pageno,myResponseJson.pagesize,myResponseJson.datacount,"pageShowDiv",setPageValuez);
$("#TaskListTable").changeBgColor({});
initstyle.init($ID("TaskListTable"));
$UNLOAD_PAGE();
}
}
xmlHttp.send(null);
2$.ajax({
url: path+'/taskv4/taskListAjax.action',
type:"POST",
cache: false,
data: $('#taskListForm').serialize(),
success: function(rsData){
if(rsData=="timeout"){
window.location.href= path+"/chart/err.jsp?eid=1"; return;
}else if(rsData=="error"){
window.location.href= path+"/chart/err.jsp?eid=100"; return;
}
var dataObj = eval('(' + rsData + ')');
$('#TaskListTable').load(path+"/taskv4/TaskListTable.jsp",function(){
// SetRoleListValue(dataObj);
// $ID("pageNO").value = dataObj.pageNO;
// $ID("pageSize").value = dataObj.pageSize;
// $ID("dataCount").value = dataObj.dataCount;
// $RENDER_PAGETURN(dataObj.pageNO,dataObj.pageSize,dataObj.dataCount,"pageShowDiv",setPageValue);
// $("#RoleTaskList").changeBgColor({});
// initstyle.init($ID("TaskListTable"));
// $ID("SelAll").setchecknew(false);
advancedSelectValue = dataObj;
setRoleListValuePublic(dataObj);
$UNLOAD_PAGE();
});
},
error:function(XmlHttpRequest,textStatus, errorThrown){
$UNLOAD_PAGE();
var openurl = path+'/chart/err.jsp?eid=100';
window.open(openurl,'_self');
}
});
相关推荐
通过这种方式,我们就可以截获 Ajax 请求,并实现统一的网络请求管理、Cookie 同步、证书校验、访问控制等功能。 * Android Webview 拦截 Ajax 请求 * JavaScript Bridge:DSBridge * HTTP 请求库:Fly.js * ...
在JavaScript开发中,有时我们需要对全局的Ajax请求进行拦截,以便进行统一的处理,比如添加统一的错误处理、数据格式化、性能监控等。这种需求通常可以通过“Ajax Hook”技术来实现。Ajax Hook允许我们捕获并修改...
其中,获取Ajax请求记录是开发者调试过程中非常关键的一环,因为它可以帮助开发者检查数据的发送和接收情况,排查网络问题,以及理解应用程序的工作流程。 Chrome扩展插件就是一种增强浏览器功能的方式,它们可以...
总之,jQuery提供了一种简单易用的方式来处理跨域Ajax请求,无论是通过JSONP还是CORS。理解并熟练掌握这些技术,对于构建现代Web应用至关重要。在实际项目中,根据具体需求和安全考虑选择合适的方法,确保数据能够...
SpringMVC 接收 Ajax 请求注意事项 SpringMVC 框架在处理 Ajax 请求时需要注意一些重要的配置和设置,以确保请求的正确处理和数据的正确传输。下面我们将介绍在 SpringMVC 中接收 Ajax 请求的注意事项。 基本数据...
以下图为例,页面中通过一个Load链接以Ajax请求的方式加载数据(左)。当用户点击该链接之后,Ajax请求开始,GIF图片显示“Loading“状态,同时当前页面被“罩住”防止用户继续点击Load按钮(中);Ajax请求完成被...
在AJAX请求中,事件处理是非常关键的一部分,它允许我们控制请求的生命周期,并在特定阶段执行相应的函数。本文将深入探讨"AJAX请求完成时执行的函数"以及相关的Ajax事件。 1. **AJAX请求过程** AJAX请求通常包括...
jQuery是一个强大的JavaScript库,它简化了DOM操作,事件处理,动画效果以及,当然,包括AJAX请求。使用jQuery的$.ajax()函数,我们可以轻松地发起异步请求: ```javascript $.ajax({ url: 'your_server_endpoint'...
type: 'get', // 请求方式,get或post data: {}, // 请求所传参数,json格式 dataType: 'json', // 返回的数据格式 success: function(data) { alert("成功"); }, complete: function(XMLHttpRequest, status...
ASP.NET Core Razor 中处理 Ajax 请求 ASP.NET Core Razor 中处理 Ajax 请求是 ASP.NET Core 的一项新功能,可以使编程方案更简单,更高效。RazorPages 使用处理程序方法来处理传入的 HTTP 请求(GET / POST / PUT ...
标题:利用 HttpSession实现Ajax请求重定向 描述:如何在 Ajax 请求正常执行的情况下,实现网页重定向 标签:Ajax 重定向 HttpSession post 在本文中,我们将探讨如何使用 HttpSession 实现 Ajax 请求重定向。 ...
在Spring MVC框架中,异步Ajax请求是一种常见的前端与后端交互方式,它允许Web应用在不刷新整个页面的情况下更新部分视图。这种方式极大地提升了用户体验,因为它减少了不必要的数据传输和页面渲染时间。以下是对这...
本示例旨在帮助开发者调试针对Ajax请求的后台接口,确保它们能够正确处理跨域请求、支持Ajax方式并且能返回预期的数据。 首先,我们需要理解什么是跨域问题。由于浏览器的安全策略,同一源策略限制了JavaScript只能...
jquery中ajax方法有个属性async用于控制同步和异步,默认是true,即ajax请求默认是异步请求,有时项目中会用到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出现
由于Ajax请求不像传统的表单提交那样可以使用Spring Security的默认配置,因此我们需要特殊处理Ajax登录请求问题。 知识点3:解决方案 为了解决Ajax登录请求问题,我们可以使用Spring Security的 Ajax 登录请求...
在Thymeleaf中构建可靠的Ajax请求URL是Web开发中的一个重要环节,特别是在使用Spring Boot和其他MVC框架时。Thymeleaf是一个强大的服务器端模板引擎,它可以与Ajax结合使用,提供动态更新页面的能力,而无需刷新整个...
### 服务器端判断Ajax请求 在现代Web开发中,异步JavaScript与XML(Ajax)技术被广泛用于构建响应迅速、动态交互的应用程序。Ajax通过在后台与服务器进行数据交换,无需重新加载整个页面即可更新部分网页内容。因此...
使用Ajax get请求数据的小例子,使用$.each()循环显示到表格,里面有接口,大家可以使用,欢迎指导学习
本文将深入探讨一个完整的jQuery+AJAX传输请求的实例,旨在帮助开发者理解如何有效地使用这两种技术实现异步数据通信。 首先,jQuery是一个强大的JavaScript库,它为DOM操作、事件处理、动画效果和Ajax交互提供了...