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发接口的同步与异步问题的更多相关文章

  1. js中请求数据的$post和$ajax区别(同步和异步问题)

    $.post和$.Ajax都为页面上向后台发送请求,请求数据 1.post 因为post默认为异步请求,可是有时候我们会发现,本来要求请求马上出现,可是异步会导致后面突然再执行,这样就出很多问题 2. ...

  2. jQuery的Ajax初识

    1. 什么是Ajax? Ajax是“Asynchronous Javascript And XML(异步Javascript和XML)”的缩写, 是指一种创建交互式网页应用的网站开发技术. Ajax不 ...

  3. jquery的ajax同步和异步

    之前一直在写JQUERY代码的时候遇到AJAX加载数据都需要考虑代码运行顺序问题.最近的项目用了到AJAX同步.这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出去 ...

  4. jquery的ajax同步和异步的理解及示例

    之前一直在写JQUERY代码的时候遇到AJAX加载数据都需要考虑代码运行顺序问题.最近的项目用了到AJAX同步.这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出去 ...

  5. JQuery 之 Ajax 异步和同步浅谈

    Ajax 同步和异步的区别 同步是当 JS 代码加载到当前 Ajax 的时候会把页面里所有的代码停止加载,页面出现假死状态:当这个 Ajax 执行完毕后才会继续运行其他代码此时页面假死状态才会解除.反 ...

  6. js中ajax连接服务器open函数的另外两个默认参数get请求和默认异步(open的post方式send函数带参数)(post请求和get请求区别:get:快、简单 post:安全,量大,不缓存)(服务器同步和异步区别:同步:等待服务器响应当中浏览器不能做别的事情)(ajax和jquery一起用的)

    js中ajax连接服务器open函数的另外两个默认参数get请求和默认异步(open的post方式send函数带参数)(post请求和get请求区别:get:快.简单 post:安全,量大,不缓存)( ...

  7. 关于Jquery中ajax介绍

    jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest 对象.大多数情况下你无需直接操作该函数,除非你需 ...

  8. Bootstrap 使用教程 与jQuery的Ajax方法

    jQuery.ajax(url,[settings]) 更加详细的内容参考    jQuery API 中文在线手册 概述 通过 HTTP 请求加载远程数据. jQuery 底层 AJAX 实现.简单 ...

  9. Web前端学习笔记之JavaScript、jQuery、AJAX、JSON的区别

    官网的英文解释: javascript和jQuery有点关系,js是一种脚本语言,主要用于客户端,现在主要用于实现一些网页效果. jquery是js的一个库,你可以认为是对js的补充,提供了很多方便易 ...

随机推荐

  1. 2016中国大学生程序设计竞赛 - 网络选拔赛 1004 Danganronpa

    Problem Description Chisa Yukizome works as a teacher in the school. She prepares many gifts, which ...

  2. 图片处理中的Dithering技术

    话说二战的时候,美国轰炸机每次执行任务,除了满载着威力强大的炸弹以外,还常常要装配一台计算机,飞机飞行方向和投弹的抛物线的计算都离不开这台机器.可是世界上第一台电子计算机在二战结束后才发明,轰炸机上当 ...

  3. logstash安装配置

    vim /usr/local/logstash/etc/hello_search.conf 输入下面: input { stdin { type => "human" }} ...

  4. Ubuntu将新增磁盘挂载到home下

    home磁盘空间不足,其他闲置硬盘是原来windows的,不能直接使用(磁盘格式及权限等原因),比如编译安卓源码等. 这样的话就需要将新的磁盘格式化成fat32后挂载到/home下的一个目录,这样就可 ...

  5. css选择器的优先级别

    <html><head lang="en"> <meta charset="UTF-8"> <title>< ...

  6. log4j输出到指定日志文件

    log4j.properties: log4j.logger.myTest=DEBUG,console,FILE log4j.appender.console=org.apache.log4j.Con ...

  7. iis8.0配置 使用备忘 403.14 - Forbidden Web 服务器被配置为不列出此目录的内容

    由于对iis的了解度不够,使用中总会碰到这样那样的问题,在这我先开个头,遇到问题再一一更新: 我用的是iis8; 1.发布到iis服务器下的网站你自己可以访问,局域网的其他机器不能? 答:是否开放了对 ...

  8. h2database.com 高级特性

    http://www.h2database.com/html/advanced.html http://www.h2database.com/html/features.html

  9. my97datepicker开始日期小于结束日期格式化时间精确届时分秒

    my97datepicker开始日期小于结束日期格式化时间精确到时分秒 一 , 需求: 结束时间 > 开始时间, 不符合的时间段不能选择.比如我选择开始日期是7月28,那结束的日期将只能从7月2 ...

  10. python数组查找算法---bisect二分查找插入

    1 实例 这个模块只有几个函数, 一旦决定使用二分搜索时,立马要想到使用这个模块 [python] view plaincopyprint? import bisect L = [1,3,3,6,8, ...