关于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的补充,提供了很多方便易 ...
随机推荐
- andorid 自定义view属性declare-styleable
1. reference:参考某一资源ID. (1)属性定义: <declare-styleable name = "名称"> <attr name = &quo ...
- 使用for循环还是foreach循环?
很多时候我们很自然的认为,for循环的时候使用foreach和原来的for循环用下标的方式遍历是相同的. 而且因为foreach循环写法简单,很容易理解,而且少去了很多麻烦的变量,所以估计在学会使用f ...
- ONES 安装、配置以及初始化配置
环境依赖 bower composer php 5.5.9+ mysql 5.6.5+ PHP和MySQL版本均为最低要求版本,安装前请先确认. 通过CLI安装 $ git clone http:// ...
- itext操作PDF文件添加水印
功能描述:添加图片和文字水印 /** * * [功能描述:添加图片和文字水印] [功能详细描述:功能详细描述] * @param srcFile 待加水印文件 * @param destFile 加水 ...
- 在线的代码托管平台 coding.net ===中国扩展版github
coding.net 是国内新兴的一个项目管理平台,功能主要包括:代码托管.在线运行环境.监控代码质量,兼有一定的社交功能. 在线运行环境支持Java.Ruby.Node.js.PHP.Python. ...
- CSS样式覆盖规则
有一下问题, 想让下面的border生效 ,#比. 优先级高, #navigator { height: 100%; width: 200; position: absolute; left: 0; ...
- 去掉tomcat中appBase默认的ROOT
我想修改tomcat的项目目录,写成绝对路径后,默认去找ROOT文件夹 怎么去掉呢 <Host name="localhost" appBase="E:\ceshi ...
- WeakSelf和StrongSelf
转载自:http://sherlockyao.com/blog/2015/08/08/weakself-and-strongself-in-blocks/ 现在我们用 Objective-C 写代码时 ...
- dos 命令集
dos下下载远程服务器的文件 setp C:\WINDOWS\system32\cmd.exesetp C:\RECYCLER\cmd.exever --------查看window版本net use ...
- 如何使用GOOLE
如何使用google http://www.kancloud.cn/yunzhiclub/google