类型:Function
需要返回一个 XMLHttpRequest 对象。默认在 IE 下是 ActiveXObject 而其他情况下是 XMLHttpRequest 。用于重写或者提供一个增强的 XMLHttpRequest 对象。这个参数在 jQuery 1.3 以前不可用。
回调函数
如果要处理 $.ajax() 得到的数据,则需要使用回调函数:beforeSend、error、dataFilter、success、complete。
beforeSend
在发送请求之前调用,并且传入一个 XMLHttpRequest 作为参数。
error
在请求出错时调用。传入 XMLHttpRequest 对象,描述错误类型的字符串以及一个异常对象(如果有的话)
dataFilter
在请求成功之后调用。传入返回的数据以及 "dataType" 参数的值。并且必须返回新的数据(可能是处理过的)传递给 success 回调函数。
success
当请求之后调用。传入返回后的数据,以及包含成功代码的字符串。
complete
当请求完成之后调用这个函数,无论成功或失败。传入 XMLHttpRequest 对象,以及一个包含成功或错误代码的字符串。
数据类型
$.ajax() 函数依赖服务器提供的信息来处理返回的数据。如果服务器报告说返回的数据是 XML,那么返回的结果就可以用普通的 XML 方法或者 jQuery 的选择器来遍历。如果见得到其他类型,比如 HTML,则数据就以文本形式来对待。
通过 dataType 选项还可以指定其他不同数据处理方式。除了单纯的 XML,还可以指定 html、json、jsonp、script 或者 text。
其中,text 和 xml 类型返回的数据不会经过处理。数据仅仅简单的将 XMLHttpRequest 的 responseText 或 responseHTML 属性传递给 success 回调函数。
注意:我们必须确保网页服务器报告的 MIME 类型与我们选择的 dataType 所匹配。比如说,XML的话,服务器端就必须声明 text/xml 或者 application/xml 来获得一致的结果。
如果指定为 html 类型,任何内嵌的 JavaScript 都会在 HTML 作为一个字符串返回之前执行。类似地,指定 script 类型的话,也会先执行服务器端生成 JavaScript,然后再把脚本作为一个文本数据返回。
如果指定为 json 类型,则会把获取到的数据作为一个 JavaScript 对象来解析,并且把构建好的对象作为结果返回。为了实现这个目的,它首先尝试使用 JSON.parse()。如果浏览器不支持,则使用一个函数来构建。
JSON 数据是一种能很方便通过 JavaScript 解析的结构化数据。如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用 jsonp 类型。使用这种类型的话,会创建一个查询字符串参数 callback=? ,这个参数会加在请求的 URL 后面。服务器端应当在 JSON 数据前加上回调函数名,以便完成一个有效的 JSONP 请求。如果要指定回调函数的参数名来取代默认的 callback,可以通过设置 $.ajax() 的 jsonp 参数。
注意:JSONP 是 JSON 格式的扩展。它要求一些服务器端的代码来检测并处理查询字符串参数。
如果指定了 script 或者 jsonp 类型,那么当从服务器接收到数据时,实际上是用了
二、例子
1)前台js代码
functiongetUserAuthority(){
$.ajax({
url :'authorityAction!getAuthority.action',
type :'POST',
dataType :'json',
timeout :30000,//超时时间设定
data : {"userType": userType
},
complete :function(XMLHttpRequest, textStatus) {//内存回收,降低内存泄露
try{
XMLHttpRequest.onreadystatechange= null;
XMLHttpRequest.abort= null;
XMLHttpRequest= null;
CollectGarbage();
}catch(e) {
}
},
error :function(xhr, textStatus, thrownError) {
},
success :function(response) {if(response.result=="ok"){
authorityList=response.data.list;//渲染
showTable();
}else{
console.log("获取userType="+userType+"的所有权限列表失败");
}
}
});
}
2)后台java代码
为了能够实现浏览器跨域访问,只需要在后台接口里加上一下这几行代码
HttpServletResponse response =ServletActionContext.getResponse();
response.setHeader("Access-Control-Allow-Origin", "*");
response.setHeader("Access-Control-Allow-Methods", "GET,POST");
//获取管理员或操作员所有权限列表
publicString getAuthority() {
HttpServletResponse response=ServletActionContext.getResponse();
response.setHeader("Access-Control-Allow-Origin", "*");
response.setHeader("Access-Control-Allow-Methods", "GET,POST");
result.clear();
logger.info("接收到根据用户类型userType=" + userType + "获取所有权限列表请求");
result.setResult(JsonResult.OK);try{
String authorityLevel= "";if (userType == 0) {
authorityLevel= "administrator";
}else if (userType == 1) {
authorityLevel= "operator";
}else{
logger.info("用户类型错误");
result.setResult(JsonResult.FAIL);returnSUCCESS;
}
List list =authorityService.getAuthorityByUserType(authorityLevel);
result.addData("list", list);
logger.info("根据用户类型userType=" + userType + "获取所有权限列表成功");
}catch(Exception e) {
e.printStackTrace();
logger.error("根据用户类型userType=" + userType + "获取所有权限列表失败!", e);
}returnSUCCESS;
}