关于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的补充,提供了很多方便易 ...
随机推荐
- 2016中国大学生程序设计竞赛 - 网络选拔赛 1011 Lweb and String
Problem Description Lweb has a string S. Oneday, he decided to transform this string to a new sequen ...
- .Net多线程编程—Parallel LINQ、线程池
Parallel LINQ 1 System.Linq.ParallelEnumerable 重要方法概览: 1)public static ParallelQuery<TSource> ...
- MaterialWidgetLibrary 学习
studio项目地址:https://github.com/keithellis/MaterialWidget 修改后的eclipse项目地址: 修改后的eclipse项目 Demo地址: activ ...
- WordPress安装到zen-cart产品页中
把WordPress安装到zen-cart一个子目录里吧,设置好固定连接等这个文件/includes/templates/template_default/templates/tpl_product_ ...
- linq to sql DAL
using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Data. ...
- 关于MySQL中时间格式和取零点的问题
select * from order where create_time>'2016-05-21 00:00:00'; 不包含2016-05-21 00:00:00时的订单 select * ...
- UISegmentedControl 踩坑
@interface JLMyContactsViewController () @property (nonatomic, strong) UIImageView *navImageView; ...
- UIApplication,UIWindow,UIViewController,UIView(layer)
转载自:http://www.cnblogs.com/iCocos/p/4684749.html UIApplication,UIWindow,UIViewController,UIView(laye ...
- 分析UIWindow
转载自:http://www.cnblogs.com/YouXianMing/p/3811741.html The UIWindow class defines an object known as ...
- FZU Problem 2029 买票问题(树状数组)
当我看到题目是5秒的时候,压根没有想树状数组,一直奔着模拟队列去想了,最后也没搞定,赛后看到大神的题解才恍然大悟,原来如此,题目中有明显的暗示,求前n项和,骤然感叹,自己太low... 果然还是要多做 ...