木子屋 Dnawo's BLOG

jQuery.ajax多任务异步转同步示例

👤 dnawo 📅 2023-03-30 👁 2034 👍 0 💬 0 🔄 来源:本站原创
let tasks = []; //任务列表
let counter = 0; //计数器

//任务
let todo = function(){
	if(counter<tasks.length){
		$.ajax({
			url: "/test.ashx",
			data: "task=" + tasks[counter],
			async: true,
			success: function(data){
				console.log(data);
			},
			error: function(){
				console.log("error.");
			},
			complete: function(){
				console.log(counter, tasks.length);
				counter++;
				todo();
			}
		});
	}else{
		console.log("finish.");
	}
}

//初始化任务列表和计数器,开始任务
$("#btn").click(function(){
	tasks = ["task1", "task2", "task3"];
	counter = 0;
	todo();
});

图片

评论(0)

暂无评论。

验证码
评论需审核通过后显示
← 上一篇 jQuery.ajax回调函数success和done互换示例 下一篇 → Vue组件学习笔记