不更新元素的同步Jquery ajax请求

不更新元素的同步Jquery ajax请求,jquery,html,post,Jquery,Html,Post,我希望遍历表中的行,并对每一个具有类“warning”的行发出ajax请求。到目前为止,这是有效的 rows.each(function (i) { $.ajax({ type: 'POST', url: 'ajax/Update/' + $(this).attr('rel'), success: function(c) { $('.table > tbody > tr.r[rel="' + c.Id +

我希望遍历表中的行,并对每一个具有类“warning”的行发出ajax请求。到目前为止,这是有效的

rows.each(function (i) {
    $.ajax({
        type: 'POST',
        url: 'ajax/Update/' + $(this).attr('rel'),
        success: function(c) {
            $('.table > tbody > tr.r[rel="' + c.Id +'"]').removeClass('warning').addClass('error');
        },
        dataType: "json",
        async:false
    });
});​

删除类警告和添加类错误仅在主函数结束时显示。在我设置类时,是否有方法更新
循环中的页面内容?我还想更新一个进度条,但当函数完成时,进度条会跳到100%,而不是每行20%。

很抱歉有其他帐户。另一个是我在工作中使用的,因为那里没有我的帐户详细信息

我在JSFIDLE上做了一个快速示例

检查表中的三到四个人,然后按save。与每秒删除和添加类不同的是,似乎所有类都在4秒后设置好了


我只是用sleep模拟了ajax帖子,因为效果保持不变。

很难确切地理解您想要做什么。也许您需要另一个。AJAX回调中的每个函数?
$('#Save').click(function () {
    var persons = $('.table > tbody.persons > tr.warning');
    if (persons.length == 0) {
        alert("Choose some persons please.");
        return;
    }
    var step = 100 / persons.length;
    var i;
    persons.each(function (i) {
        $(this).removeClass('warning').addClass('error');
        sleep(1000);
    });
});