怎么让两个ajax依次执行,AJAX请求如何依次执行。
产品要写一个类似检测的东西
有四块内容检测,要发四个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请求如何依次执行。相关推荐
- ajax 提交 form表单 ,后台执行两次的问题
//前台代码 //#contact-form 表单ID$(function () {$("#contact-form").submit(function () {$.ajax({t ...
- js设置ajax执行顺序,ajax同步处理(使得JS按顺序执行)
在项目中碰到一个问题: 图一: 图二: 函数1代码:这里是因为有ajax请求,默认的是异步的 //点击分页页码,请求后台返回对应页码的数据 function getdata(fewPage,flag, ...
- JQuery方式执行ajax请求
两种请求: 执行get请求的格式: $.get(url,function(data,status){ 这里面一般用来处理服务器反馈的数据data,将data响应到页面上 }) 字节请求,不带任何参数 ...
- 怎么控制ajax执行先后顺序,[转]多个ajax请求时控制执行顺序或全部执行后的操作...
一.当确保执行顺序时: 1. 请求加async: false,,这样所有的ajax就会同步执行,请求顺序就是代码顺序 2.$.when($.ajax( {async: false, url : url ...
- spring返回数据使用ajax,【spring 后台跳转前台】使用ajax访问的后台,后台正常执行,返回数据,但是不能进入前台的ajax回调函数中...
问题1: 使用ajax访问的后台,后台正常执行,并且正常返回数据,但是不能进入前台的ajax回调函数中 问题展示: 问题解决: 最后发现是因为后台的方法并未加注解:@ResponseBody,导致方法 ...
- html页面加载时执行ajax请求,函数在页面加载时发送ajax请求
我有下面的代码在页面加载运行.我只想在用户完成在文本框中写入时运行它.函数在页面加载时发送ajax请求 代码是: $(document).ready(function() { $("#use ...
- 进一步封装axios并调用其读取数据(吐槽~在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据)
注意!!!(修改于2020年7月18日) 在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据 报错截图如下 报错内容: {&quo ...
- IE浏览器中访问jsp页面,页面不执行ajax请求,后台控制台报错
问题描述:IE浏览器中访问jsp页面,页面不执行ajax请求,后台控制台报错:java.lang.IllegalArgumentException: Invalid character found i ...
- ajax同步导致ajax上面的代码不执行?
js代码: 环境:IE11 要求:点击一个按钮后,页面xxx的地方立即显示"开始处理...",直到ajax处理结束后,xxx内容才更新为新的处理结果: 点击事件执行代码如下: xx ...
- ppst——技术视频 jquery ajax 请求 同步异步的执行的设置
ppst 技术视频--技术视频 jquery ajax 请求 同步异步的执行的设置:请访问ppst 技术视频分享平台 , www.ppst.cc,上面有最新的技术视频,推荐大家把博客录制成视频吧,可以 ...
最新文章
- java socket 全双工客户端_java socket实现全双工通信
- express运行原理
- pdf 加深 扫描件_为什么PDF文档不能像Word文档一样随便编辑?如何免费将PDF转换为Word?...
- js继承的实现(转载)
- 开源网站云查杀方案,搭建自己的云杀毒。
- jzoj6310-Global warming【线段树,LIS】
- C#仿QQ皮肤—更新DataGridView的鼠标跟随效果
- 【卡塔兰数】LeetCode 96. Unique Binary Search Trees
- 【爬虫实战】9应用Python网络爬虫——利用Post定向爬取下载慕课MOOC视频
- 研发项目wbs分解简单案例_2013信息系统项目管理师案例分析之工作分解结构(WBS)案例...
- 集合--TreeSet类比较器排序的实现方式及如何保证元素的排序和唯一性
- mysql 5.1 变量专题
- 天津社保EMC存储容灾项目---2629万
- 软件工程课程周学习进度报告——第三周
- MBA-day22 至多至少问题
- linux sed 替换符号,linux sed 批量替换文件中的字符串或符号
- 为什么一买就跌一卖就涨,主力如何利用AI大数据击穿散户的心理防线?
- 关于不定期弹出http://u.9kuku.com/的问题
- Android基础ConstrainLayout约束布局的介绍和使用
- 如何计算近似纳什均衡_如何通俗的理解纳什均衡点?
热门文章
- 【秘诀】我进公司到现在都尽量避免遇上和同事撞单
- 【飞秋】位运算与组合搜索(二)
- 【飞秋】手机游戏发展趋势分析和预测
- 怎样成为一名更优秀的程序员?我总结出 7 条建议
- 因为加班,错过77万年终大奖,你还加班?
- uoni扫地机器人好用吗_抖音走红的日本uoni尤利扫地机器人好吗?体验感如何?...
- hive 导出json格式 文件_hive中创建hive-json格式的表及查询
- python turtle 椭圆_【python turtle如何画椭圆】
- 限时免费!Cell旗下 Heliyon 多学科特刊征稿
- 付完版面费就该吃土了