在项目中碰到一个问题:

图一:

图二:

函数1代码:这里是因为有ajax请求,默认的是异步的

  1. //点击分页页码,请求后台返回对应页码的数据
  2. function getdata(fewPage,flag,content){
  3. $.getJSON(getUrl()+'/myAccount/getMyOrders.do?curPage='+fewPage+'&flag='+flag+'&content='+content, function (data) {
  4. orderCount1 = data.count1;
  5. orderCount2 = data.count2;
  6. orderCount3 = data.count3;
  7. orderCount4 = data.count4;
  8. var Data = data.insuranceDetailsVOs;
  9.  
  10. $(".wait_pay").html(orderCount1);
  11. $(".already_pay").html(orderCount2);
  12. $(".Stop_keep").html(orderCount3);
  13. $(".On").html(orderCount4);
  14.  
  15. var That_Page = fewPage;
  16. var orderCount;
  17. $('#Order_information').html("");
  18. for(var i=0;i<Data.length;i++){
  19. if(flag == 0){
  20. var orderstate="";
  21. if(Data[i].baseinfor.orderstate==30){
  22. orderstate="已下单";
  23. }else{
  24. orderstate="待支付";
  25. }
  26. orderCount=orderCount1;
  27. addPolicyInfo(Data[i],orderstate);
  28. }else if(flag == 1){
  29. var orderstate="";
  30. if(Data[i].baseinfor.orderstate==50){
  31. orderstate="已支付";
  32. }else if(Data[i].baseinfor.orderstate==60){
  33. orderstate="已生效";
  34. }else{
  35. orderstate="已配送";
  36. }
  37. orderCount=orderCount2;
  38. addPolicyInfo(Data[i],orderstate);
  39. }else if(flag == 2){
  40. var orderstate="";
  41. if(Data[i].baseinfor.orderstate==10){
  42. orderstate="待定";
  43. }else{
  44. orderstate="已报价";
  45. }
  46. orderCount=orderCount3;
  47. addPolicyInfo(Data[i],orderstate);
  48. }else if(flag == 3){
  49. orderCount=orderCount4;
  50. var orderstate = "已撤销";
  51. addPolicyInfo(Data[i],orderstate);
  52. }
  53. }
  54. var Last_Page;
  55. if(typeof(orderCount)==undefined || orderCount==null || orderCount==""){
  56. Last_Page = 1;
  57. }else{
  58. Last_Page = parseInt(orderCount/10)+parseInt(orderCount%10>0?1:0);
  59. }
  60. Pager(That_Page,Last_Page);
  61. });
  62. }

函数2代码:

ajax同步处理(使得JS按顺序执行)的更多相关文章

  1. LazyMay:实现同步和异步任务的顺序执行

    在掘金看到的文章,流程控制同步和异步任务的顺序执行,收益匪浅,工作中能用到. 1.实现以下效果 实现一个LazyMan,可以按照以下方式调用: LazyMan(“Hank”)输出: Hi! This ...

  2. ajax异步导致js方法顺序执行不了

    js两个方法调用的顺序,有时候是这样的 f1(); f2(); 本来是先执行f1的,但是如果f1里面进行ajax异步    async:true,那么可能会先执行f2,如果想要顺序执行,那么就把异步设 ...

  3. Jquery AJAX如何使用Promise/Deferred实现顺序执行?

    有的时候有我有N个AJAX请求,第下个请求可能要依赖上个请求的返回值, 可以用 $.ajax("test1.php").then(function(data) { // data ...

  4. 更优雅的方式: JavaScript 中顺序执行异步函数

    火于异步 1995年,当时最流行的浏览器--网景中开始运行 JavaScript (最初称为 LiveScript). 1996年,微软发布了 JScript 兼容 JavaScript.随着网景.微 ...

  5. js同步、异步、回调的执行顺序以及闭包的理解

    首先,记住同步第一.异步第二.回调最末的口诀 公式表达:同步=>异步=>回调 看一道经典的面试题: for (var i = 0; i < 5; i++) { setTimeout( ...

  6. Node.js的那些坑——如何让异步并发方法同步顺序执行(for循环+异步操作)

    1 前言 nodejs的回调,有时候真的是让人又爱又恨的,当需要用for循环把数据依次存入数据库,但是如果使用正常的for循环,永远都是最后一次值的记录,根本不符合要求. 解决此方案有几种,例如闭包( ...

  7. js同步任务和异步任务的执行顺序

    先来道今日头条面试题开开胃 async function async1() { console.log('async1 start'); await async2(); console.log('as ...

  8. js的并行加载与顺序执行

    javaScript文件(下面简称脚本文件)需要被HTML文件引用才能在浏览器中运行.在HTML文件中可以通过不同的方式来引用脚本文件,我们需要关注的是,这些方式的具体实现和这些方式可能会带来的性能问 ...

  9. ajax同步、异步执行简单理解与证明

    此理解范例代码来自前几篇随笔! 首先我们来先了解下AJAX: Ajax:全称“Asynchronous Javascript and XML”(异步Javascript和XML),他是由Javascr ...

随机推荐

  1. Maven远程仓库的配置

    在很多情况下,默认的中央仓库无法满足项目的需求,可能项目需要的构件存在于另外一个远程仓库中,如JBoss Maven仓库.这时,可以在POM中配置该仓库,见代码如下: <!-- 远程仓库的配置 ...

  2. j2ee log4j集中式日志解决方案logpool-v0.2

    下一个小版本会进行清理. war包下载地址 http://pan.baidu.com/s/1nvGmORn

  3. quartz CronExpression表达式

    一个cron表达式有至少6个(也可能7个)有空格分隔的时间元素.按顺序依次为1.秒(0~59)2.分钟(0~59)3.小时(0~23)4.天(月)(0~31,但是你需要考虑你月的天数)5.月(0~11 ...

  4. Css3新特性应用之形状

    一.自适应椭圆 * border-radius特性:    * 可以单独指定水平和垂直半径,并且值可以是百分比,用/(斜杠)分隔这两个值即可(可以实现自适应宽度椭圆).    * 还可以单独指定四个角 ...

  5. Jquery取得iframe中元素的几种方法

    [jquery]获取iframe中的body元素: $("iframe").contents().find("body").html(); [使用jquery操 ...

  6. android AES 加密

    import javax.crypto.Cipher;import javax.crypto.KeyGenerator;import javax.crypto.SecretKey;import jav ...

  7. Appfuse:权限控制

    Appfuse的权限控制依赖于Struts的Menu机制,common下的menu.jsp是对菜单顺序的定义,详细的菜单项和菜单链接及权限再menu-config.xml中控制,如下: <Men ...

  8. javaScript对象-基本包装类型的详解

    本人按书上的内容大致地把javaScript对象划分成“引用类型”.“基本包装类型”和“内置对象”三块内容. 我们这篇先了解下基本包装类型的详细用法吧! 一.我们先解下相关概念: 1.引用类型的值(对 ...

  9. ​Linux下的SVN服务器搭建

    ​Linux下的SVN服务器搭建 鉴于在搭建时,参考网上很多资料,网上资料在有用的同时,也坑了很多人 本文的目的,也就是想让后继之人在搭建svn服务器时不再犯错,不再被网上漫天的坑爹作品所坑害,故此总 ...

  10. 【译】Spring 4 自动装配、自动检测、组件扫描示例

    前言 译文链接:http://websystique.com/spring/spring-auto-detection-autowire-component-scanning-example-with ...