分享一段异步处理数据的jquery前端代码

因为数据库大量查询更新数据会锁定表，造成网站卡死，所以要把查询出来的ID写入一个新表，处理完一条就删掉一条。

<input name="keyword" id="keyword" >
<input name="mykeyword" id="mykeyword" >
<span type="submit" class="btn submit-btn">替 换</span>
<div class="list"></div>

js部分

<script type="text/javascript">
$(function() {
	$('.submit-btn').click(function(){
		$(this).addClass('disabled');
		$(".list").html("<div class=now>正在处理</div>");
		var keyword=$("#keyword").val();
		var mykeyword=$("#mykeyword").val();
		console.log(mykeyword);
		var indexInArray=1;
		$.post("index.php?a=replace&result=update", { keyword: keyword,mykeyword:mykeyword}, success, "json");
			function success(data){
                if (data.status==1) {
					dt=data.data;
					i=0;
					$(".list").html("");
            // 遍历数组
					$.each(dt, function(index, dt){
						setTimeout(function() { 
								
								$(".list").append("<li>"+index + " " + dt.title + "<span id="+dt.id+"></span></li>");
								$.get("index.php?a=replace" , { word: dt.word,mykeyword:mykeyword, id:dt.id,result:'getnone'}
                        			, function (res) {
									console.log(res);
									if(res.up==1){
										$("#"+dt.id).html("  已完成");
										$("#"+dt.id).css('color','green');
									}
									if(res.status==1){
										$('.submit-btn').removeClass('disabled');
									}
                },"json");

    						}, i*2000); 
						i++;
					});
                }else{
					
					$('.submit-btn').removeClass('disabled');
					$(".list").html("<div class=now>没有相关文章，请重新再查询！</div>");
					console.log("null");
                }
            }
	})
});
</script>