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 秒延迟将生效）。