ajax 方法,ajax笔记,$.ajax()常用方法详解(推荐)

ajax 方法,ajax笔记,$.ajax()常用方法详解(推荐)

AJAX是一种与服务器交换数据的技术,可以更新网页的一部分,同时补充整个页面。接下来,通过这篇文章,我们将介绍一些常见的ajax方法,这些方法非常好,具有参考价值。和感兴趣的朋友一起学习吧。

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

1.url:

它必须是String类型的参数(默认为当前页面的地址),以及发送请求的地址。

2 .类型:

需要一个字符串参数,请求方法(post或get)默认为get。注意,也可以使用put和delete等其他http请求方法,但是只有部分浏览器支持它们。

3 .超时:

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

4.async:

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

5.cache:

需要一个布尔参数,默认为true(当数据类型为script时,默认为false)。设置为false将不会从浏览器缓存中加载请求信息。

6.data:

发送到服务器的数据需要对象或字符串参数。如果它不再是字符串,它将自动转换为字符串格式。将被追加到get请求中的url。为了防止这种自动转换,您可以选中processData选项。对象必须是键/值格式,如{foo1:bar1 ,foo2:bar2}转换为foo1=bar1foo2=bar2。如果是数组,JQuery会自动对应不同值的同名。例如{foo:[bar1 , bar2]}到foo=bar1foo=bar2。

7 .数据类型:

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

Xml:返回一个XML文档,可以由JQuery处理。

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

Script:返回纯文本JavaScript代码。结果不会自动缓存。除非设置了缓存参数。注意,对于远程请求(不在同一个域中),所有post请求都将被转换为get请求。

Json:返回JSON数据。

Jsonp:JSONP格式。当调用SONP形式的函数时,比如myurl?回拨=?JQuery将自动替换最后一个“?”是执行回调函数的正确函数名。

Text:返回一个纯文本字符串。

8.beforeSend:

需要Function类型的参数。在发送请求之前,可以修改XMLHttpRequest对象的功能,比如添加一个自定义的HTTP头。如果在beforeSend中返回false,可以取消这个ajax请求。XMLHttpRequest对象是唯一的参数。

函数(XMLHttpRequest){

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

}

9 .完成:

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

函数(XMLHttpRequest,textStatus){

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

}

成功:

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

(1)服务器返回的数据,根据dataType参数进行处理。

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

函数(数据,文本状态){

//数据可能是xmlDoc、jsonObj、html、text等。

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

}

11.error:

需要Function类型的参数,即请求失败时要调用的函数。这个函数有三个参数,即XMLHttpRequest对象、错误消息和被捕获的错误对象(可选)。Ajax事件函数如下:

函数(XMLHttpRequest,textStatus,errorThrown){

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

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

}

12 .内容类型:

它必须是字符串参数。向服务器发送信息时,内容编码类型默认为 application/x-www-form-urlencoded 。该默认值适用于大多数应用。

13.dataFilter:

需要函数类型的参数来预处理Ajax返回的原始数据的函数。提供了两个参数:数据和类型。是dataajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。jQuery将进一步处理该函数返回的值。

函数(数据,类型){

//返回处理后的数据

返回数据;

}

14.dataFilter:

需要函数类型的参数来预处理Ajax返回的原始数据的函数。提供了两个参数:数据和类型。是dataajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。jQuery将进一步处理该函数返回的值。

函数(数据,类型){

//返回处理后的数据

返回数据;

}

15.global:

需要一个布尔参数,默认为true。指示是否触发全局ajax事件。设置为false不触发全局ajax事件,ajaxStart或ajaxStop可用于控制各种ajax事件。

16.ifModified:

需要一个布尔参数,默认为false。仅当服务器数据改变时获取新数据。服务器数据改变判断基于最后修改的报头信息。默认值为false,即忽略标题信息。

17.jsonp:

对于String类型的参数,需要在jsonp请求中重写回调函数的名称。该值用于代替“callback=?”此GET或POST请求中URL参数的 callback 部分,如{jsonp: onjsonupload}将导致 onjsonupload=?把它传给服务器。

用户名:

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

19.password:

需要字符串类型的参数,该参数用于响应HTTP访问身份验证请求的密码。

20.processData:

需要一个布尔参数,默认为true。默认情况下,发送的数据将被转换成一个对象(从技术角度来看不是字符串),以匹配默认的内容类型 application/x-www-form-urlencoded 。如果要发送DOM树信息或其他不想转换的信息,请设置为false。

21.scriptCharset:

它必须是String类型的参数,只有当数据类型为 jsonp 或 script 且类型为GET时,它才会用于强制修改字符集(charset)。通常,本地和远程内容代码的使用是不同的。

案例代码:

$(function(){

$(#send )。单击(函数(){

$.ajax({

键入: GET ,

URL:“test . JSON”,

数据:{用户名:$( #用户名)。val(),内容:$(#content )。val()},

数据类型: json ,

成功:函数(数据){

$(#resText )。empty();//清空resText中的所有内容

var html=“”;

$.每个(数据,函数(注释索引,注释){

html= div class= comment h6 comment[用户名]

:/h6p class= para comment[ content ]

/p/div ;

});

$(#resText )。html(html);

}

});

});

});

以上是对$常用方法的详细解释(推荐)。ajax()由边肖引入。希望对你有帮助。如果您有任何问题,请给我留言,边肖将及时回复您。非常感谢您对我们网站的支持!

ajax 方法,ajax笔记,$.ajax()常用方法详解(推荐)