ajax调用上一个ajax,关于jquery：当频繁使用ajax请求调用函数时，如何在处理下一个请求之前等待上一个ajax请求完成？...

本问题已经有最佳答案，请猛点这里访问。

我在我的代码中有一个ajax请求，如下所示：

function show_detail()

{

$('#product_'+index).html(' loading...');

$.ajax({

type:"GET",

url:"someUrl",

data: dataString,

success: function(msg){

$('#product_'+index).html(msg);

}

});

}

我的要求是在单击一组产品图像中的任何产品图像时调用函数show_detail()，并在div中显示加载图像，直到从ajax请求中完全加载了产品详细信息为止。当从ajax请求中加载产品详细信息时，我必须用产品详细信息覆盖同一div，但是问题是当同时单击多个链接时，我在后续的div中获得了多个加载图像。

因此，我想等待最后一个ajax请求完成，然后再调用同一函数(show_detail())，并且一次仅显示一个加载图像。我也不想用async：false冻结浏览器

提前致谢。

您能否仅使用诸如loading之类的全局变量，在单击按钮时将其设置为true，然后在进行AJAX调用之前检查以确保其为false？

您是否看过stackoverflow.com/questions/3952387/？

谢谢。但这会导致同时显示多个加载图像。

jQuery.when()提供了一种基于一个或多个对象(通常是表示异步事件的Deferred对象)执行回调函数的方法。它使语法简洁明了，并避免涉及任何全局变量(例如ajaxStart和ajaxStop)，这些全局变量在页面开发时可能会产生有害的副作用。以下显示了一个简单的示例。请尝试阅读有关它的更多内容... :)

var req1 = $.ajax({...});

var req2 = $.ajax({...});

var req3 = $.ajax({...});

$.when( req1, req2, req3 ).done(function(){

console.log("all done")

});

FYI

jQuery.when()

谢谢。但是我只为ajax调用提供了一个代码。相同的代码正在执行背对背函数调用。我想执行所有请求，但一个接一个。

ajax调用上一个ajax,关于jquery：当频繁使用ajax请求调用函数时，如何在处理下一个请求之前等待上一个ajax请求完成？...相关推荐

定义一个基类Shape，在此基础上派生出Rectangle和Circle，二者都有getArea( )函数计算对象的面积，再使用Rectangle类创建一个派生类Square。
输入格式 Rectangle的长和宽.Circle的半径.Square的边长输出格式 Rectangle.Circle和Square对应的面积.四舍五入到整数输入样例 3 7 6 4 2.1 3. ...
mac os android sd卡,如何在Mac OS下永久删除SD卡上的文件？
Mac数据恢复软件可以轻松恢复已删除或格式化的数据.因此,在Mac OS下从SD卡删除文件时,Mac数据恢复软件也可以恢复删除的文件.在某些情况下,仅删除是不够的.例如,当您要丢弃旧的SD卡时,应确保 ...
python图像下采样_图像的上采样（upsampling）与下采样（subsampled）
缩小图像(或称为下采样(subsampled)或降采样(downsampled))的主要目的有两个:1.使得图像符合显示区域的大小:2.生成对应图像的缩略图. 放大图像(或称为上采样(upsampli ...
jquery ajax php中 css样式不显示,Chrome浏览器在Ajax同步调用之前不会显示Jquery的动态css Propery更改...
我有如下因素HTML节点: 上的click事件会触发聊天对象的方法 this.addUser = function(trigger_node, id, is_silent, session, show ...
ajax图片上传插件demo,jQuery 自制上传头像插件-附带Demo实例（ajaxfileupload.js第三弹）...
这篇文章主要是对前两篇关于ajaxfileupload.js插件的文章的一个收关.但是最初也是因为想做这么一个功能,一点一点的引发出了好多问题,不断去学习,研究,才写了这三篇. 早些时候已经实现了上 ...
php模板多图上传插件,PHP+jQuery+Ajax多图片上传插件
注:本地预览无效,需要在服务断运行使用方法 HTML 首先我们在页面上放置个上传按钮,使用POST提交到ajax.php.#ul_pics 用来显示上传完毕后的图片.关于按钮.进度条.图片垂直居中样 ...
flask ajax 上传图片,flask jQuery ajax 上传文件
1.html 代码注:1.html 部分主要是一个form表单,其中表单的enctype = "multipart/form-data" 必须要有. 2.由于我的页面背景颜色设置 ...
AjaxFileUpload文件上传组件(php+jQuery+ajax)
jQuery插件AjaxFileUpload可以实现ajax文件上传,下载地址:http://www.phpletter.com/contents/ajaxfileupload/ajaxfileupl ...
jquery ajax 上传文件 demo,Jquery+AJAX上传文件，无刷新上传并重命名文件
index.html Ajax上传图片 Ajax上传图片 function upload(){ var form = new FormData(document.getElementById(&quo ...

ajax调用上一个ajax,关于jquery：当频繁使用ajax请求调用函数时，如何在处理下一个请求之前等待上一个ajax请求完成？...

ajax调用上一个ajax,关于jquery：当频繁使用ajax请求调用函数时，如何在处理下一个请求之前等待上一个ajax请求完成？...相关推荐

最新文章

热门文章