jquery $.ajax 的使用方法

tetsai
原创声明
本文由tetsai原创,转载请注明来源
Ajax 就是“Asynchronous Javascript And XML”(异步的 JavaScript 与 XML),是指一种交互的网页**的技术。
Ajax = 异步 JavaScript 和 XML 或者是 HTML。
传统的网页(不运用 Ajax)假如想要更新内容,只能重新载入完整的网页(相当于刷新)
因为Ajax 能够使网页完成异步更新,所以这意味着能够在不重加载整个网页的状况下,对网页局部更新。
所以 Ajax 是一种在不需要重新载入整个网页的情况下,可以局部地更新网页的技术。
JSON的读取
$.ajax({ url: 'JSON的地址', type: 'get', dataType: 'json', success: function(datas){ //datas就相当于解析后的json内容,比如datas.obj,datas.array.length } })
网页的读取
$.ajax({ url: '网页的地址', type: 'get', dataType: 'html', success: function(datas){ //datas此时就是一个文本了,内容是html文本,当然也可以读取txt } })
使用限制
应该注意跨域问题,跨域问题的根本原因就是由于浏览器的“同源策略的限制”
感兴趣的可以去了解浏览器的同源策略,以及如何避免的办法
以下摘要内容为转载
转载自https://blog.csdn.net/lyhkmm/article/details/78259780?utm_source=copy
回调函数
如果想处理 $.ajax() 的数据,则需使用callback函数:beforeSend、error、dataFilter、success、complete。
beforeSend
发请求之前调用,并传入XMLHttpRequest 作为它的参数。
error
请求失败时调用。传入 XMLHttpRequest 的对象
dataFilter
请求成功后调用。传入返回数据以及 "dataType" 参数值。且一定返回新的数据(可能处理过的)传送给 success 的回调函数。
success
请求后调用。返回成功读取的数据
complete
当请求了完成之后才调用这函数,不管成功失败。