jquery $.ajax 的使用方法

tetsai

原创声明

本文由tetsai原创，转载请注明来源

View Posts

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

当请求了完成之后才调用这函数，不管成功失败。