ajax 返回数据循环替换,在for循环内, 提交同步ajax, 并将返回的值实时渲染在页面上,怎么做~~...

页面有个弹窗, 会批量做一些操作..

用for循环,将列表循环出来,依次提交到接口去并将返回的值渲染到页面上.

条件:

for循环

ajax必须是同步的

实时渲染页面,类似进度

for (var i = 0; i < sn.length; i++) {

$.ajax({

type: 'post',

url: 'aaa.action',

data: {'details.sn': sn[i], ...details},

async: false,

success: function (res) {

if (res.normal === 1) {

reMsg += `

${res.details.sn}: ${res.msg}`

$('.showSn').html(reMsg)

} else if (res.normal === 0) {

reMsg += `

${res.details.sn}: ${res.msg}`

$('.showSn').html(reMsg)

}

}

})

}

现在的情况是dom实时更新了,但是弹窗并没有实时渲染..,会在所有的接口执行完毕后才会渲染:

如下图

如果要用generater函数的话怎么写呢~?

或者,不用generater函数怎么写呢?