一、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的数据交互先介绍到这里，如果对您有所帮助的话，请点赞并关注哦，我会不定时的更新一下自己学习的经验以及见解，和大家进行交流。
您赞就是是我最大的动力！！！
网友评论