jquery $.ajax $.when-示例代码

javagongchengshi

温馨提示:这篇文章已超过239天没有更新,请注意相关的内容是否还可用!

$.ajax是jQuery中用于发送异步HTTP请求的方法。它可以向服务器发送请求并接收服务器返回的数据。$.ajax方法可以设置多个参数,包括请求的URL、请求的类型(GET或POST)、发送给服务器的数据、服务器返回的数据类型等等。

$.when是jQuery中用于处理异步操作的方法。它可以接收多个异步操作,并在所有异步操作都完成后执行回调函数。当所有异步操作都成功完成时,回调函数将被调用。如果其中任何一个异步操作失败,则回调函数将不会被调用。

下面是一个示例代码,演示了如何使用$.ajax和$.when来发送并处理多个异步请求:

$.when(

$.ajax({

url: "example1.php",

type: "GET",

dataType: "json"

}),

$.ajax({

url: "example2.php",

type: "POST",

data: { name: "John", age: 30 }

})

).done(function(response1, response2) {

// 处理第一个请求的返回数据

console.log(response1[0]);

// 处理第二个请求的返回数据

console.log(response2[0]);

}).fail(function() {

console.log("请求失败");

});

在上面的示例中,我们使用$.ajax方法发送了两个异步请求。第一个请求发送到example1.php,并期望返回的数据类型为JSON。第二个请求发送到example2.php,并传递了一个包含name和age参数的POST请求。

然后,我们使用$.when方法来处理这两个异步请求。当两个请求都成功完成时,done回调函数将被调用,并且我们可以通过参数response1和response2来访问每个请求的返回数据。如果其中任何一个请求失败,则fail回调函数将被调用。

在done回调函数中,我们可以根据需要处理每个请求的返回数据。在上面的示例中,我们简单地使用console.log来打印返回数据,但实际应用中可能会进行更复杂的操作。

使用$.ajax和$.when可以方便地发送和处理多个异步请求,并在所有请求完成后执行相应的操作。

文章版权声明:除非注明,否则均为莫宇前端原创文章,转载或复制请以超链接形式并注明出处。

取消
微信二维码
微信二维码
支付宝二维码