一、 jQuery中的Ajax应用 1、 Ajax原生代码 var xhr=new XMLHttpRequest();xhr.open(‘post’,’demo.php’);xhr.setRequestHeader(‘content-type’,’application/x-www-form-urlencoded’);xhr.onreadystatechange=function(){if(xhr.readystate==4 && xhr.status==200){//处理语句}};xhr.send(‘id=10’);
方法/步骤
1
2、 jQuery中的Ajax方法 jQuery中实现Ajax功能的方法主要有以下三个： l jQuery.ajax(options)l jQuery.get(url,[data],[callback])l jQuery.post(url,[data],[callback])
2
（1）jQuery中底层的ajax实现 jQuery.ajax(options);要求参数必须是一个json对象，json对象下的属性如下 l async ：是否异步 true：异步（默认） false：同步l cache ：是否缓存l complete ：当ajax对象的状态码为4时执行的函数l contentType ：请求头l data ：传递的参数，要求是一个字符串l dataType ：期望得到的数据类型l success ：ajax对象状态码为4并且http响应状态码为200时所执行的函数l type ：请求类型 get postl url ：请求地址运行结果：
3
（2）jQuery中高级的ajax实现 jQuery.get(url,[data],[callback],[type])发送get请求url：请求地址[data]：参数列表，要求是一个json对象，如果没有，可以不写[callback]：处理函数[type]：期望得到的数据类型 text、xml、json
4
jQuery.post(url,[data],[callback],[type])发送post请求url：请求地址[data]：参数列表，要求是一个json对象，如果没有，可以不写[callback]：处理函数[type]：期望得到的数据类型 text、xml、json
上一篇：ajax如何判断最大值