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()由边肖引入。希望对你有帮助。如果您有任何问题,请给我留言,边肖将及时回复您。非常感谢您对我们网站的支持!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • web设置session超时时间,ajax解决session超时
  • ajax经典教程,ajax用法示例
  • ajax经典教程,ajax用法示例,Ajax教程实例详解
  • ajax是一种支持异步请求的技术,ajax异步操作
  • ajax是一种支持异步请求的技术,ajax异步操作,Ajax异步请求的五个步骤及实战案例
  • ajax技术框架及开发工具设计,ajax技术框架及开发工具怎么用
  • ajax技术框架及开发工具设计,ajax技术框架及开发工具怎么用,AJAX技术框架及开发工具
  • ajax同步请求,ajax异步传输
  • ajax同步请求,ajax异步传输,ajax异步请求详解
  • ajax传递文件,ajax传递文件,使用AJAX实现上传文件
  • ajax 跨域请求,ajax跨域请求解决方案
  • ajax 跨域请求,ajax跨域请求解决方案,AJAX请求数据及实现跨域的三种方法详解
  • ajax 方法,ajax笔记
  • ajax 传文件,ajax传递文件
  • ,,用AJAX技术实现在自己Blog上聚合并显示朋友Blog的最新文章
  • 留言与评论(共有 条评论)
       
    验证码: