JQuery-AJAX：表单发布超时和延迟后不再请求

Question

我得到了一个包含多个复选框的表单。该表单应发送到服务器以从服务器端脚本接收适当的结果。

这已经在起作用了。

我现在要实现的目标：

1）实现超时：这已经可以工作，但是一旦发生超时，新的请求就不再工作。

2) 在请求结果中实现延迟：应实现延迟，以便并非每个复选框都会产生 POST 请求。

这就是我现在所拥有的：

function update_listing() {

    // remove postings from table
    $('.tbl tbody').children('tr').remove();

    // get the results through AJAX
    $.ajax({
                    type: "POST",
                    url: "http://localhost/hr/index.php/listing/ajax_csv", 
                    data: $("#listing_form").serialize(),
                    timeout: 5000,
                    success: function(data) {
                                    $(".tbl tbody").append(data);
                                },
                    error: function(objAJAXRequest, strError) {
                                    $(".tbl tbody").append("<tr><td>failed " + strError + "</td></tr>");
                                }
                    });

    return true;

}

结果现在作为 HTML 表行传递 - 我将在下一步中将它们转换为 CSV/JSON。

非常感谢您的建议。

Answer 1

对于延迟：

(function () {

var timeout;

function update_listing() {

    // remove postings from table
    clearTimeout(timeout);
    timeout = setTimeout(function () {

    $('.tbl tbody').children('tr').remove();

    // get the results through AJAX
    $.ajax({
        type: "POST",
        url: "http://localhost/hr/index.php/listing/ajax_csv", 
        data: $("#listing_form").serialize(),
        timeout: 5000,
        success: function(data) {
            $(".tbl tbody").append(data);
        },
        error: function(objAJAXRequest, strError) {
           $(".tbl tbody").append("<tr><td>failed " + strError + "</td></tr>");
        }
    });

    }, 1000); // 1 second?    

    return true;

}
}());

这将等待一秒钟，直到发出 AJAX 请求。 “一旦发生超时，新的请求就不再有效”是什么意思。如果您想在失败时触发另一个请求，只需再次调用 update_list() （但请注意，1 秒的延迟将生效）。