多个ajax返回发生混乱

加载页面的时候发送多个ajax

$(function () {
$.ajax({    url:"url1",    type:"POST",    dataType:"json",    success:function(data){        $("#html1").html(data.getData1);    }});
$.ajax({    url:"url2",    type:"POST",    dataType:"json",    success:function(data){     $("#html2").html(data.getData2);     }});
$.ajax({    url:"url3",    type:"POST",    dataType:"json",    success:function(data){        $("#html3").html(data.getData3);    }});
});

最后结果发生混乱 html1 html2 html3里的数据 是错位的,html1 有时返回html2或者html3的数据

1方法:ajax嵌套,返回了再发送下一个
$(function () {
$.ajax({    url:"url1",    type:"POST",    dataType:"json",    success:function(data){        $("#html1").html(data.getData1);
$.ajax({    url:"url2",    type:"POST",    dataType:"json",    success:function(data){     $("#html2").html(data.getData2); 
$.ajax({    url:"url3",    type:"POST",    dataType:"json",    success:function(data){        $("#html3").html(data.getData3);    }});
    }});
    }});
});

2方法:在后台方法上加 synchronized 关键字保证同步

原文地址:https://www.cnblogs.com/lqmblog/p/12204872.html

时间: 2024-10-19 22:38:45

多个ajax返回发生混乱的相关文章

由于master宕机等导致resource调用出现异常,直接将该resource返回到pool以便其他代码使用会导致得到不可预期的结果,导致返回数据混乱。

实现一:public String get(final String key) {              Jedis resource = null;              try {                           resource = pool.getResource();                            return resource.get(key);           } finally {                      

ajax返回页面停留跳转

ajax返回数据后,页面停留跳转. 原理:利用匿名函数自动运行的特性和定时器来完成. 1 (function(){ 2 var wait =1; // 设置停留时间单位秒 3 var href =data.url; //设置跳转的url地址 4 var interval = setInterval(function(){ 5 var time = --wait; 6 if(time <= 0) { 7 location.href = href; 8 clearInterval(interval)

JQuery处理json与ajax返回JSON实例[转]

json数据是一种经型的实时数据交互的数据存储方法,使用到最多的应该是ajax与json配合使用了,下面我来给大家介绍jquery处理json数据方法. 一.JSON的一些基础知识. JSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“AreaId”:”123”},对象的值是键值对的形式(key:value). “[]”,标识数组,数组内部各个数据之间通过“,”分割,如[“AreaId”:”123”,”AreaId”:”345”]. 很多情况下是对象数组,那就是这样:  代码如下

ajax返回数据解析总结

ajax即异步 JavaScript 和 XML(Asynchronous JavaScript and XML). 简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示. 使用 AJAX 的应用程序案例:谷歌地图.腾讯微博.优酷视频.人人网等等. 通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本.HTML.XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中. 前面已经提过aja

jquery 或ajax返回的中文数据总是乱码解决方案

要将Servlet中的 response.setContentType("text/html;charset=utf-8")这行代码放在 PrintWriter out = response.getWriter()之前. jquery 或ajax返回的中文数据总是乱码解决方案,布布扣,bubuko.com

jquery操作Ajax返回的JSON值

$.post( 'XXX.php', { col: value }, function(data) { var getData = eval( "(" + data + ")" ); //必须用括号,真蛋疼 alert( getData.xx ); } ); jquery操作Ajax返回的JSON值,布布扣,bubuko.com

jquery操作ajax返回的页面元素

这两天工作不忙,正好从朋友那里拿到一个某个应用的开发文档,相关数据放在了mongodb里,自己电脑可以本地开启服务器然后通过给的借口来获取数据.由于这是一个比较大比较全的一个完整项目,也没有那么多经历全部做一下,就找了其中几部分来做一下,由于是一个电商类的移动端,所以那些数据都是动态加载上去的,通过ajax动态获取然后添加到页面上,所以主要是模板引擎的使用和ajax的运用,其他就是一些样式的操作.虽然以前也做过,但是这次碰到了一个问题,就是需要在ajax返回的内容里找到某个元素,然后给那个元素绑

调用AJAX返回JSON、XML数据类型

1.调用AJAX返回JSON数据 用下拉列表显示Nation表民族名称 主页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <he

JavaScript之Ajax-4 XML解析(JavaScript中的XML、Ajax返回并解析XML)

一.JavaScript中的XML XML DOM对象 - IE 浏览器通过 ActiveXObject 对象得到 XML DOM 对象 - 其他浏览器通过 DOMParser 对象得到 XML DOM 对象 XML DOM对象的支持 - XML DOM(XML Document Object Model)定义了访问和操作XML文档的标准方法 - DOM 把 XML 文档作为树结构来查看.能够通过DOM树来访问所有元素 加载并解析XML字符串 二.Ajax返回并解析XML 使用XHR发送XML字