怎么在jQuery中实现一个ajax嵌套请求

  介绍

这篇文章给大家介绍怎么在jQuery中实现一个ajax嵌套请求,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

jQuery是什么

jQuery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对css选择器进行扩展,拥有便捷的插件扩展机制和丰富的插件,是继原型之后又一个优秀的JavaScript代码库,能够用于简化事件处理,HTML文档遍历,ajax交互和动画,以便快速开发网站。

//发送一个ajax请求,嵌套的ajax请求   & # 39;ajaxCall& # 39;:,函数(data1、url1,还以为,url2, data2) {   var 才能;returnValue =, & # 39; & # 39;;   . ajax({美元才能   ,,,类型:,“POST",   ,,,url:, url1,   ,,,异步:,假的,   ,,,数据:,data1、   成功,,,:,函数(data3), {   ,,,,//TODO   ,,,,,//外层ajax响应成功,就再次发送ajax请求到第二个地址   ,,,,,. ajax({美元   ,,,,,,,类型:,“POST",   ,,,,,,,url:, url2,   ,,,,,,,数据:,data2   ,,,,,,,异步:,假的,   ,,,,,,,:成功,函数(data4), {   ,,,,,,,,,//TODO,对returnValue进行赋值   ,,,,,,,}   ,,,,,});   ,,,}   ,,});   return 才能;returnValue;   }

注:外层的AJAX和内层的AJAX的异步属性都要设置为假,如果不这样的话,两次请求都是异步的,可能会导致数据获取不到,但是也有一个弊端,因为同步,在异步请求时,浏览器是锁死状态,不能进行其他的操作。

<强> jquery中AJAX的方法参数的用法和他的含义:

<强> 1。url:

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

<强> 2。类型:

要求为字符串类型的参数,请求方式(post或get)默认为。注意其http请他求方法,例如put和delete也可以使用,但仅部分浏览器支持。

<强> 3。超时:

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

<强> 4。异步:

要求为布尔类型的参数,默认设置为真,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为假。注意,同步请求将锁住浏览器,用户其他操作必须等待请求完成才可以执行。

<强> 5。缓存:

要求为布尔类型的参数,默认为真(当数据类型为脚本时,默认为false),设置为错误将不会从浏览器缓存中加载请求信息。

<强> 6。数据:

要求为对象或字符串类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式. get请求中将附加在url后。防止这种自动转换,可以查看processData(防止自动转换)选项。对象必须为键/值格式,例如{foo1:“bar1" foo2:“bar2"}转换为,foo1=bar1& foo2=bar2。如果是数组,JQuery将自动为不同值对应同一个名称,例如{foo: [“bar1",“bar2"]}转换为,foo=bar1& foo=bar2。

<强> 7。数据类型:

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

<李>

xml:返回xml文档,可用JQuery处理。

<李>

html:返回纯文本html信息;包含的脚本标签会在插入DOM时执行。

<李>

脚本:返回纯文本JavaScript代码。不会自动缓存结果。除非设置了缓存参数。注意在远程请求时(不在同一个域下),所有帖子请求都将转为得到请求。

<李>

json:返回json数据。

<李>

jsonp: jsonp格式。使用SONP形式调用函数时,例如myurl ?回调=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。

<李>

文本:返回纯文本字符串。

<强> 8。beforeSend:

这个参数主要是为了在向服务器发送请求前,执行一些操作。要求为函数类型的参数,发送请求前可以修改XMLHttpRequest对象的函数,例如添加自定义HTTP头。在beforeSend中如果返回假可以取消本次ajax请求.XMLHttpRequest对象是惟一的参数。

函数(XMLHttpRequest) {   ,,,,,,//调用本次ajax请求时传递的选项参数   }

<强> 9.完成:

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

函数(XMLHttpRequest, textStatus) {   ,,,,,//调用本次ajax请求时传递的选项参数   }

怎么在jQuery中实现一个ajax嵌套请求