zoukankan      html  css  js  c++  java
  • $.getJSON异步请求和同步请求

    先看一段代码:

    for(var j=0;j<24;j++){
         (jQuery).getJSON('log_analyze.php',{r:Math.random(),logid:logid,op:2,j:j},function(data){
              if(data.success_agent){
                  var width=j*10;
                   $("#up_time_loading").empty().append("<div style=\""+width+"px;height:10px;border:1px solid #333;background-color:#333\"></div>");
                  }
                       })
                   }
    

    这段代码的意思是:请求log_analyze.php,每次请求成功后就把J加1,然后再去请求。

    打开firebug,可以看到这24条数据是异步执行,所以我log_analyze.php获取到得数据很混乱,没有规律,怎么解决呢?

    在执行之前加$.ajaxSettings.async = false;    (同步执行)

    $.ajaxSettings.async = false; 
    for(var j=0;j<24;j++){ (jQuery).getJSON('log_analyze.php',{r:Math.random(),logid:logid,op:2,j:j},function(data){ if(data.success_agent){ var width=j*10; $("#up_time_loading").empty().append("<div style=\""+width+"px;height:10px;border:1px solid #333;background-color:#333\"></div>");               }  }) }

    在for循环之前加一个$.ajaxSettings.async = false;    表示同步执行,这样他就会安装顺序执行了。

    下面的是从网上摘过来的:

    同时执行多个$.getJSON() 数据混乱的问题的解决

    在执行之前加$.ajaxSettings.async = false;    (同步执行)
    执行你的代码之后及时恢复为$.ajaxSettings.async = true; (异步执行)
    不然影响别的地方的需要异步执行的代码。

    example:

    $.ajaxSettings.async = false;

    $.getJSON(url, data, function(data){ });

    $.getJSON(url, data, function(data){ });

    $.getJSON(url, data, function(data){ });

    ......

    $.ajaxSettings.async = true;

    千里之行,始于足下。改变现在,就是改变未来。改变未来,从现在开始。 个人网站:http://www.wangkongming.cn
  • 相关阅读:
    轮播图
    原生js实现分页效果(带实例)
    mint-ui Toast icon 图标
    阮小二买彩票
    js事件冒泡和事件捕捉
    html,css,js加载顺序
    单调栈-哈希表-768. 最多能完成排序的块 II
    同余问题-三整除系列
    动态规划-区间dp-单调栈-1130. 叶值的最小代价生成树
    动态规划-1Ddp-983. 最低票价
  • 原文地址:https://www.cnblogs.com/wangkongming/p/2777725.html
Copyright © 2011-2022 走看看