产品要写一个类似检测的东西

有四块内容检测,要发四个AJAX。

我想到的$,when

但是用这个的话,后面三个done时间是立马执行的。

我就写了一个settimeout

但是里面有一个依次打对号的我就写了一个setInterval

但是这个时间老是对不上。

发现写法很有问题 有没有什么好点的写法 或者指出我的错误。

$('.txturl button').click(function() {

var count = 0

$.when($.ajax({

type: "get",

url: "http://www.webossgoo3.com/google/CheckContent",

async: true,

success: function(data) {

var pardata = JSON.parse(data)

$('.gdt').addClass('layui-anim layui-anim-rotate layui-anim-loop');

$('.coun-jc').hide();

$('.txt-bet li').removeClass('active')

$('.txtnum section span.load-jc').css('display', 'table-cell');

if(pardata.title) {

$('.cont2 i').html('ဆ')

$('.cont2 i').css('color', 'red')

for(j in pardata.title) {

$('.contentul ul').eq(0).append(

"

" + j + ":" + pardata.title[j] + ""

)

}

};

for(k in pardata.keywords) {

$('.contentul ul').eq(1).append(

"

" + k + ":" + pardata.keywords[k] + ""

)

}

if(!pardata.original) {

$('.cont1 i').html('ဆ');

$('.cont1 i').css('color', 'red')

}

var i = 0;

setInterval(function() {

if(i <= $('.basetxt table i').size() - 1 ) {

$('.basetxt table i').eq(i).show()

i++

} else {

$('.txt-bet li').eq(0).addClass('active')

return false

}

}, 500)

},

error: function() {

layer.msg('检测失败1')

}

})).done(function() {

setTimeout(function () {

$.ajax({

type: "get",

url: "http://www.webossgoo3.com/google/checkSearch",

async: true,

success: function(data) {

var pardata = JSON.parse(data)

if (pardata.google) {

$('.cont3 i').html('ဆ')

$('.cont3 i').css('color', 'red')

}

if (pardata.bing) {

$('.cont4 i').html('ဆ')

$('.cont4 i').css('color', 'red')

}

if (pardata.yahoo) {

$('.cont5 i').html('ဆ')

$('.cont5 i').css('color', 'red')

}

if (pardata.title_top1) {

$('.cont6 i').html('ဆ')

$('.cont7 i').css('color', 'red')

}

var a = 0;

setInterval(function() {

if(a <= $('.seartxt table i').length - 1) {

$('.seartxt table i').eq(a).show()

a++

} else {

$('.txt-bet li').eq(1).addClass('active')

return false

}

}, 500)

},

error: function() {

layer.msg('检测失败2')

}

})

})

}).done(function() {

setTimeout(function () {

$.ajax({

type: "get",

url: "http://www.webossgoo3.com/google/CheckSearch",

async: true,

success: function(data) {

var pardata = JSON.parse(data)

var i = 0;

setInterval(function() {

if(i <= $('.seotxt table i').length - 1) {

$('.seotxt table i').eq(i).show()

i++

} else {

$('.txt-bet li').eq(2).addClass('active')

return false

}

}, 500)

},

error: function() {

layer.msg('检测失败3')

}

})

},500 * ($('.seartxt table i').length) )

}).done(function() {

setTimeout(function () {

$.ajax({

type: "get",

url: "http://www.webossgoo3.com/google/CheckContent",

async: true,

success: function(data) {

var pardata = JSON.parse(data)

var i = 0;

setInterval(function() {

if(i <= $('.basetxt table i').length - 1) {

$('.opttxt table i').eq(i).show()

i++

} else {

$('.txt-bet li').eq(3).addClass('active')

$('.gdt').removeClass('layui-anim layui-anim-rotate layui-anim-loop');

$('.coun-jc').show()

$('.coun-jc').text('88')

$('.txtnum section span.load-jc').css('display', 'none');

return false

}

}, 500)

},

error: function() {

layer.msg('检测失败4')

}

})

},500 * ($('.seotxt table i').length) + 500 * ($('.seartxt table i').length) )

})

})

怎么让两个ajax依次执行,AJAX请求如何依次执行。相关推荐

  1. ajax 提交 form表单 ,后台执行两次的问题

    //前台代码 //#contact-form 表单ID$(function () {$("#contact-form").submit(function () {$.ajax({t ...

  2. js设置ajax执行顺序,ajax同步处理(使得JS按顺序执行)

    在项目中碰到一个问题: 图一: 图二: 函数1代码:这里是因为有ajax请求,默认的是异步的 //点击分页页码,请求后台返回对应页码的数据 function getdata(fewPage,flag, ...

  3. JQuery方式执行ajax请求

    两种请求: 执行get请求的格式: $.get(url,function(data,status){ 这里面一般用来处理服务器反馈的数据data,将data响应到页面上 }) 字节请求,不带任何参数 ...

  4. 怎么控制ajax执行先后顺序,[转]多个ajax请求时控制执行顺序或全部执行后的操作...

    一.当确保执行顺序时: 1. 请求加async: false,,这样所有的ajax就会同步执行,请求顺序就是代码顺序 2.$.when($.ajax( {async: false, url : url ...

  5. spring返回数据使用ajax,【spring 后台跳转前台】使用ajax访问的后台,后台正常执行,返回数据,但是不能进入前台的ajax回调函数中...

    问题1: 使用ajax访问的后台,后台正常执行,并且正常返回数据,但是不能进入前台的ajax回调函数中 问题展示: 问题解决: 最后发现是因为后台的方法并未加注解:@ResponseBody,导致方法 ...

  6. html页面加载时执行ajax请求,函数在页面加载时发送ajax请求

    我有下面的代码在页面加载运行.我只想在用户完成在文本框中写入时运行它.函数在页面加载时发送ajax请求 代码是: $(document).ready(function() { $("#use ...

  7. 进一步封装axios并调用其读取数据(吐槽~在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据)

    注意!!!(修改于2020年7月18日) 在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据 报错截图如下 报错内容: {&quo ...

  8. IE浏览器中访问jsp页面,页面不执行ajax请求,后台控制台报错

    问题描述:IE浏览器中访问jsp页面,页面不执行ajax请求,后台控制台报错:java.lang.IllegalArgumentException: Invalid character found i ...

  9. ajax同步导致ajax上面的代码不执行?

    js代码: 环境:IE11 要求:点击一个按钮后,页面xxx的地方立即显示"开始处理...",直到ajax处理结束后,xxx内容才更新为新的处理结果: 点击事件执行代码如下: xx ...

  10. ppst——技术视频 jquery ajax 请求 同步异步的执行的设置

    ppst 技术视频--技术视频 jquery ajax 请求 同步异步的执行的设置:请访问ppst 技术视频分享平台 , www.ppst.cc,上面有最新的技术视频,推荐大家把博客录制成视频吧,可以 ...

最新文章

  1. java socket 全双工客户端_java socket实现全双工通信
  2. express运行原理
  3. pdf 加深 扫描件_为什么PDF文档不能像Word文档一样随便编辑?如何免费将PDF转换为Word?...
  4. js继承的实现(转载)
  5. 开源网站云查杀方案,搭建自己的云杀毒。
  6. jzoj6310-Global warming【线段树,LIS】
  7. C#仿QQ皮肤—更新DataGridView的鼠标跟随效果
  8. 【卡塔兰数】LeetCode 96. Unique Binary Search Trees
  9. 【爬虫实战】9应用Python网络爬虫——利用Post定向爬取下载慕课MOOC视频
  10. 研发项目wbs分解简单案例_2013信息系统项目管理师案例分析之工作分解结构(WBS)案例...
  11. 集合--TreeSet类比较器排序的实现方式及如何保证元素的排序和唯一性
  12. mysql 5.1 变量专题
  13. 天津社保EMC存储容灾项目---2629万
  14. 软件工程课程周学习进度报告——第三周
  15. MBA-day22 至多至少问题
  16. linux sed 替换符号,linux sed 批量替换文件中的字符串或符号
  17. 为什么一买就跌一卖就涨,主力如何利用AI大数据击穿散户的心理防线?
  18. 关于不定期弹出http://u.9kuku.com/的问题
  19. Android基础ConstrainLayout约束布局的介绍和使用
  20. 如何计算近似纳什均衡_如何通俗的理解纳什均衡点?

热门文章

  1. 【秘诀】我进公司到现在都尽量避免遇上和同事撞单
  2. 【飞秋】位运算与组合搜索(二)
  3. 【飞秋】手机游戏发展趋势分析和预测
  4. 怎样成为一名更优秀的程序员?我总结出 7 条建议
  5. 因为加班,错过77万年终大奖,你还加班?
  6. uoni扫地机器人好用吗_抖音走红的日本uoni尤利扫地机器人好吗?体验感如何?...
  7. hive 导出json格式 文件_hive中创建hive-json格式的表及查询
  8. python turtle 椭圆_【python turtle如何画椭圆】
  9. 限时免费!Cell旗下 Heliyon 多学科特刊征稿
  10. 付完版面费就该吃土了