ajax $.ajax方法详解

AJAX是一种与服务器交换数据的技术，可以更新网页的一部分，同时补充整个页面。接下来，通过这篇文章，我们将介绍ajax的一些常见方法，如果需要，我们可以一起学习。

1.url:

需要将请求的地址作为字符串类型的参数发送(默认为当前页面地址)。

2 .类型:

字符串类型的参数是必需的，默认情况下请求方法(post或get)是get。请注意，也可以使用其他http请求方法，如put和delete，但只有部分浏览器支持。

3 .超时:

需要为数字类型的参数设置请求超时时间(毫秒)。此设置覆盖$的全局设置。ajaxSetup()方法。

4.async:

要求是一个布尔参数，默认设置为真。所有请求都是异步请求。如果需要发送同步请求，请将此选项设置为false。请注意，同步请求将锁定浏览器，用户的其他操作必须等待请求完成后才能执行。

5 .缓存:

所需参数为布尔值，默认值为真(当数据类型为时，默认值为假)。如果设置为false，将不会从浏览器缓存中加载请求的信息。

6 .数据:

对象或字符串类型的参数是必需的，数据被发送到服务器。如果不再是字符串，会自动转换成字符串格式。获取请求将被附加到url。要防止这种自动转换，您可以检查进程数据选项。对象必须是键/值格式，例如{foo1:"bar1 "，foo2:"bar2"}转换为& foo 1 = bar1 & amp；foo2=bar2 .如果是数组，JQuery会自动给不同的值起相同的名字。例如，{foo:["bar1 "，" bar2"]}转换为& amp；foo = bar1 & ampfoo=bar2 .

7 .数据类型:

应为字符串类型的参数，应为服务器返回的数据类型。如果没有指定，JQuery会根据http包的mime信息自动返回responseXML或responseText，并作为回调函数参数传递。可用类型如下:

Xml:返回一个XML文档，可以用JQuery处理。

html:返回纯文本HTML信息；插入DOM时会执行包含的标记。

:返回纯文本Java代码。结果不会自动缓存。除非设置了缓存参数。注意远程请求(不在同一个域下)，所有的post请求都会转换成get请求。

Json:返回JSON数据。

Jsonp:JSONP格式。当调用SONP形式的函数时，比如myurl？回调=？，JQuery会自动替换下一个“？”执行回调函数的正确函数名。

Text:返回纯文本字符串。

8 .发送前:

它必须是函数类型的参数。在发送请求之前，您可以修改对象的功能，例如添加一个自定义的HTTP头。如果您在beforeSend中返回false，您可以取消这个ajax请求。对象是唯一的参数。

function(){

这个；//调用此ajax请求时传递的选项参数

}

9 .完成:

需求是Function类型的参数，它是在请求完成后调用的回调函数(在请求成功或失败时调用)。参数:对象和描述成功请求类型的字符串。

函数(，textStatus){

这个；//调用此ajax请求时传递的选项参数

}

10 .成功:要求是函数类型的参数。请求成功后调用的回调函数有两个参数。

(1)由服务器返回并根据dataType参数处理的数据。

(2)描述状态的字符串。

功能(数据，文本状态){

//数据可能是xmlDoc、jsonObj、html、文本等等

这个；//调用此ajax请求时传递的选项参数

}

11 .错误:

所需参数的类型为“函数”，当请求失败时会调用该函数。该函数有三个参数，即对象、错误信息和捕获的错误对象(可选)。ajax事件函数如下:

函数(，文本状态，错误抛出){

//通常，textStatus和errorThrown中只有一个包含信息

这个；//调用此ajax请求时传递的选项参数

}

12 .内容类型:

字符串类型的参数是必需的。向服务器发送信息时，内容编码类型默认为“application/x-www-form-URL encoded”。该默认值适用于大多数应用。

13 .数据过滤器:

要求是Function类型参数，对Ajax返回的原始数据进行预处理。提供了数据和类型两个参数。数据是Ajax返回的原始数据，类型是调用jQuery.ajax时提供的dataType参数。该函数返回的值将由jQuery进一步处理。

函数(数据，类型){

//返回处理后的数据

返回数据；

}

14 .数据过滤器:

要求是Function类型参数，对Ajax返回的原始数据进行预处理。提供了数据和类型两个参数。数据是Ajax返回的原始数据，类型是调用jQuery.ajax时提供的dataType参数。该函数返回的值将由jQuery进一步处理。

函数(数据，类型){

//返回处理后的数据

返回数据；

}

15 .全球:

布尔类型的参数是必需的，默认值为真。指示是否触发全局ajax事件。设置为false不会触发全局ajax事件，ajaxStart或ajaxStop可以用来控制各种ajax事件。

16 .如果修改:

布尔类型的参数是必需的，默认值为假。仅当服务器数据改变时获取新数据。最后修改的报头信息用于判断服务器数据的变化。默认值为false，即忽略标题信息。

17.jsonp:

需要将jsonp请求中回调函数的名称重写为String类型的参数。此值用于代替“回调=？”此GET或POST请求中URL参数的“回调”部分，如{ jsonp:' onjsonload ' }，将导致“onJsonPLoad =？”发送到服务器。

18 .用户名:

需要字符串类型的参数，用于响应HTTP访问身份验证请求的用户名。

19 .密码:

所需参数为String，用于响应HTTP访问认证请求的密码。

20 .过程数据:

布尔类型的参数是必需的，默认值为真。默认情况下，发送的数据将被转换为对象(技术上不是字符串)，以匹配默认内容类型“application/x-www-form-URL encoded”。如果您想发送DOM树信息或其他不想转换的信息，请设置为false。

21.字符集:

String类型的参数是必需的，并且只有当在请求时dataType是“jsonp”或“”并且类型是GET时，它们才会被用来强制修改字符集。通常，本地和远程内容编码使用不同。

案例代码:

$( function(){ $('#send '))。click( function(){ $)。ajax({ type: "GET "，url: "test.json "，数据:{username:$("#username ")。val()，内容:$("#content ")。val()}，DataType:“JSON”，success:function(data){ $(' # ResText ').empty()；//clear空restext中的所有内容varhtml =$.每个(数据、函数(commentIndex、comment){ html+= ' & lt；div class="comment " >& lt' h6 >'+注释[' username ']+':& lt；/h6>。& ltp class="para"' +注释['content' ] + '<。/p>。& lt/div & gt；'；});$('#resText ')。html(html)；} });});});