jQuery中的Ajax应用

来源：互联网 2023-03-16 23:56:20 246

一、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’);

方法/步骤

2、jQuery中的Ajax方法

jQuery中实现Ajax功能的方法主要有以下三个：

ljQuery.ajax(options)

ljQuery.get(url,[data],[callback])

ljQuery.post(url,[data],[callback])

（1）jQuery中底层的ajax实现

jQuery.ajax(options);

要求参数必须是一个json对象，json对象下的属性如下

lasync ：是否异步 true：异步（默认） false：同步

lcache ：是否缓存

lcomplete ：当ajax对象的状态码为4时执行的函数

lcontentType ：请求头

ldata ：传递的参数，要求是一个字符串

ldataType ：期望得到的数据类型

lsuccess ：ajax对象状态码为4并且http响应状态码为200时所执行的函数

ltype ：请求类型 get post

lurl ：请求地址

运行结果：

jQuery中的Ajax应用

（2）jQuery中高级的ajax实现

jQuery.get(url,[data],[callback],[type])

发送get请求

url：请求地址

[data]：参数列表，要求是一个json对象，如果没有，可以不写

[callback]：处理函数

[type]：期望得到的数据类型 text、xml、json

3相关内容非法爬取自百度经验

jQuery.post(url,[data],[callback],[type])

发送post请求

url：请求地址

[data]：参数列表，要求是一个json对象，如果没有，可以不写

[callback]：处理函数

[type]：期望得到的数据类型 text、xml、json

jQuery中的Ajax应用

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： JQUERY JAVASCRIPT

上一篇：Ajax技术工作原理下一篇：javascript使网页字体文本闪烁

jQuery中的Ajax应用

方法/步骤

热门文章

标签列表