使用jquery数据交互--AJAX

一、load方法：从服务器上获取静态数据文件：

1、载入HTML文档：element.load（url，[data]，[callback]）;

url：在字符串类型的url地址；

data：对象类型，发送给服务器的key/value数据；

callback：请求完成时的回调函数，无论成功与否都会触发；

使用案例如下：

data.json数据如下

执行代码，回调函数中所传参数在页面中的打印如下：

由此可以看出：a表示请求返回的内容；b表示请求状态（有success、error、notmodified、timeout）；c代表XMLHttpRequest对象。

2、还可以通过load（）方法筛选载入的html文档：

在url中拼接参数，把要获取的标签class放在参数中，并用空格分隔

3、参数的传递方式：

根据data参数自动切换传递方式，如果没有data参数，则使用get传递，有参数则转换为post方式传递

二、get和post方法：

$.get（url，[data]，[callback]，[type]）方法：

参数情况：

url参数：字符串类型的url地址；

data参数：发至服务器的key\value对，对象类型；

callback参数：载入成功时的回调函数；

type参数：服务器返回数据的格式：xml\html\script\json\text；

返回数据的格式：如果是html片段，通过.html（）方法直接拼接进文档节点；如果是json文件，获取到json中key所对应的value，拼接进html文档中

$.post（）方法与get一样；

三、ajax方法：$.ajax(option);

参数option是一个对象类型的数据，包含：

url : 请求的地址；

dataType:请求类型（get\post）；

jsonp: callback，指定回调函数的属性名；

data: 提交到服务器中的数据，字符串类型，例如'username=zhangsan&pass=123';

success:请求成功的回调函数，该函数由一个参数，保存服务器返回的值；

error:请求失败的回调函数，该函数由三个参数，分别是xmlhttprequest对象、错误信息和错误对象（此回调函数可省）；

四、getJSON方法：专用于加载json文件

$.getJSON（url，[callback]）

url:文件路径；

callback：载入成功后的回调函数，data参数存放了请求到的数据；

jq的数据交互先介绍到这里，如果对您有所帮助的话，请点赞并关注哦，我会不定时的更新一下自己学习的经验以及见解，和大家进行交流。

您赞就是是我最大的动力！！！