关于jquery的$.ajax发接口的同步与异步问题
1.在使用$.ajax发接口时想对返回数据做一些处理后拿到其他方法中使用
发请求函数如下:
function getProjectName(projectId){
project.projectName = [];
$.ajax({
type: conf.GET,
url: conf.API_qryProjectList+"?projectId="+projectId,
dataType: "JSON"
}).done(function(data)
console.log("执行getprijectName的done");
});
}
使用时代码如下:
function qryTaskInfo(projectId) {
$.ajax({
type: conf.GET,
url: conf.API_qryTaskList+"?myTaskFlag="+projectId+"&userId="+conf.userId,
dataType: "JSON"
}).done(function(data) {
project.taskList = data.taskList;
var taskList = project.taskList;
var projectArrays = [];
var projectIdArrays = [];
for(var i = 0; i < taskList.length; i++) {
projectId = taskList[i].projectId;
if (!isContainProjectId(projectIdArrays, projectId)) {
var projectObject = {"projectId": projectId + ""};
projectIdArrays.push(projectObject);
console.log("调用getProjectName");
getProjectName(projectId);
console.log("调用getUserByProjectId");
getUserByProjectId(projectId);
console.log(project.projectName);
console.log(project.projectUsers);
console.log("-----------");
var pName = {"projectName": project.projectName+""};
var pUsers = {"projectUsers": project.projectUsers+""};
projectIdArrays.push(pName);
projectIdArrays.push(pUsers);
console.log(pName);
console.log(pUsers);
}
}
console.log("huhx projectids: " + projectIdArrays);
var hasFinish = 0, hasComplete = 0, total = 0,projectName,users;
for(var i = 0; i < projectIdArrays.length; i++) {
for(var j = 0; j < taskList.length; j++) {
if (projectIdArrays[i].projectId == taskList[j].projectId) {
total ++;
if (taskList[j].status == "1") {
hasFinish++;
} else if (taskList[j].status == "3") {
hasComplete++;
}
projectIdArrays[i].hasFinish = hasFinish;
projectIdArrays[i].hasComplete = hasComplete;
projectIdArrays[i].total = total;
}
}
projectArrays.push(projectIdArrays[i]);
}
console.log("huhx arrays: " + projectArrays);
projectList=projectArrays;
//console.log(data);
});
}
执行结果:

问题:
在接口已发送和接口返回数据这段时间内执行了其他js代码,导致我在done中做的处理都没及时生效。
解决方法:
在请求参数中添加async:false,设置为同步发送请求。
添加之后控制台:

关于jquery的$.ajax发接口的同步与异步问题的更多相关文章
- js中请求数据的$post和$ajax区别(同步和异步问题)
$.post和$.Ajax都为页面上向后台发送请求,请求数据 1.post 因为post默认为异步请求,可是有时候我们会发现,本来要求请求马上出现,可是异步会导致后面突然再执行,这样就出很多问题 2. ...
- jQuery的Ajax初识
1. 什么是Ajax? Ajax是“Asynchronous Javascript And XML(异步Javascript和XML)”的缩写, 是指一种创建交互式网页应用的网站开发技术. Ajax不 ...
- jquery的ajax同步和异步
之前一直在写JQUERY代码的时候遇到AJAX加载数据都需要考虑代码运行顺序问题.最近的项目用了到AJAX同步.这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出去 ...
- jquery的ajax同步和异步的理解及示例
之前一直在写JQUERY代码的时候遇到AJAX加载数据都需要考虑代码运行顺序问题.最近的项目用了到AJAX同步.这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出去 ...
- JQuery 之 Ajax 异步和同步浅谈
Ajax 同步和异步的区别 同步是当 JS 代码加载到当前 Ajax 的时候会把页面里所有的代码停止加载,页面出现假死状态:当这个 Ajax 执行完毕后才会继续运行其他代码此时页面假死状态才会解除.反 ...
- js中ajax连接服务器open函数的另外两个默认参数get请求和默认异步(open的post方式send函数带参数)(post请求和get请求区别:get:快、简单 post:安全,量大,不缓存)(服务器同步和异步区别:同步:等待服务器响应当中浏览器不能做别的事情)(ajax和jquery一起用的)
js中ajax连接服务器open函数的另外两个默认参数get请求和默认异步(open的post方式send函数带参数)(post请求和get请求区别:get:快.简单 post:安全,量大,不缓存)( ...
- 关于Jquery中ajax介绍
jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest 对象.大多数情况下你无需直接操作该函数,除非你需 ...
- Bootstrap 使用教程 与jQuery的Ajax方法
jQuery.ajax(url,[settings]) 更加详细的内容参考 jQuery API 中文在线手册 概述 通过 HTTP 请求加载远程数据. jQuery 底层 AJAX 实现.简单 ...
- Web前端学习笔记之JavaScript、jQuery、AJAX、JSON的区别
官网的英文解释: javascript和jQuery有点关系,js是一种脚本语言,主要用于客户端,现在主要用于实现一些网页效果. jquery是js的一个库,你可以认为是对js的补充,提供了很多方便易 ...
随机推荐
- PAT (Advanced Level) 1108. Finding Average (20)
简单模拟. #include<cstdio> #include<cstring> #include<cmath> #include<vector> #i ...
- HDU 5479 Scaena Felix
水题,括号匹配,有几对匹配了,答案就是那个... #include<cstdio> #include<cstring> #include<cmath> #inclu ...
- Angularjs循环二维数组
<div ng-app> <div ng-controller="test"> <div ng-repeat="links in slide ...
- Ubuntu14.04下SP_Flash_Tool_exe_Linux无法烧录
1,用命令lsusb查看usb信息. 2,vim 20-mm-blacklist-mtk.rules 输入下面内容: ATTRS{idVendor}=="0e8d",ENV{ID_ ...
- jpda
http://www.ibm.com/developerworks/cn/java/j-lo-jpda1/ 远程调试用rmi通信,被调试端需要启动一个调试服务器,用命令jsadebugd. java/ ...
- nat和打洞
http://michankong.blog.51cto.com/1464983/761270 可能有点乱,下面以故事的形式叙述一下这个情景. 人物:A(男) NAT_A(A家接线员) B(女) NA ...
- FusionCharts生成Flash图表常见问题FAQ
本文主要汇总了FusionCharts生成Flash图表时的一些常见问题(FAQ)以及解决方法/调试方法,欢迎交流! 问题描述:利用FusionCharts创建Flash图表时,能否直接从数组或rec ...
- CentOS6.5 安装snort
本机CentOS6.5最大化安装,以下安装所需组件也是最大化安装之后仍需自己安装的. 1.安装libpcap与libpcap-devel yum -y install libpcap* 2.安装lib ...
- ios复制到剪贴板
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px Menlo; color: #000000 } p.p2 { margin: 0.0px 0. ...
- wex5 实战 微信6位数字密码输入设计
微信支付使用是6位数字输入,用wex5能不能制作这种效果呢? 答案是肯定的. 根据网上提供的数字插件,研究源码后,与wex5进行整后修改,便于利用wex5框架优势. 一 效果演示: 弹出密码框 输入 ...