jquery ajax when—示例代码

jsonjiaocheng

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

jquery ajax when—示例代码

jQuery的ajax方法可以用于发送异步HTTP请求。当我们需要同时发送多个请求并等待它们都完成后再执行后续操作时,可以使用jQuery的when方法。

when方法接受多个deferred对象作为参数,这些deferred对象可以是ajax请求返回的jqXHR对象,也可以是通过$.Deferred()方法创建的自定义deferred对象。当所有的deferred对象都变为resolved状态时,when方法返回一个新的deferred对象,表示所有的请求都已完成。

示例代码如下所示,我们通过两个ajax请求来获取用户的姓名和年龄,当两个请求都成功返回数据后,我们将数据显示在页面上:

var request1 = $.ajax({

url: "api/getName",

method: "GET"

});

var request2 = $.ajax({

url: "api/getAge",

method: "GET"

});

$.when(request1, request2).done(function(nameResult, ageResult) {

var name = nameResult[0];

var age = ageResult[0];

$("#name").text(name);

$("#age").text(age);

});

在上面的示例中,我们首先使用$.ajax方法发送了两个GET请求,分别获取用户的姓名和年龄。然后,我们使用$.when方法来等待这两个请求都完成。当两个请求都成功返回数据后,done方法会被调用,传入的参数nameResult和ageResult分别是请求返回的数据。

我们将姓名和年龄分别显示在id为"name"和"id"的元素上。

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

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