ajax查询结果成功调用多次

Question

我有一个 ajax 调用，其中成功函数被调用了两次。我试图分析但不明白为什么它被调用了两次。

我正在使用 for 循环调用 ajax 功能，并且在其中我根据条件 (f==i+1) 在成功函数中调用第二个 ajax。如果条件匹配，那么它将调用第二个 ajax 功能，但发生的情况是，在循环结束后，第一个 ajax 调用的成功是调用 alert("Check call"); 两次。如果i=1 在循环中，它应该只调用一次。 第一个循环中发生的情况是条件没有成功，当循环结束时，第一个 ajax 的成功次数与循环发生的次数一样多，f 变为 2，i+1 变为 2，所以它会检查条件两次。

任何帮助将不胜感激。

    $(document).on("click", "#Rsub1", function (e) {
        if ($("#Rvno").val() == "" || $("#Rvno").val() == null) {
            alert("Please enter Vendor no");
        } else {
            for (var f = 0; f <= i; f++) {
                (function (index) {
                    $.ajax({
                        type: "POST",
                        url: "../Home/RaisePReq",
                        data: formData,
                        dataType: 'json',
                        contentType: false,
                        processData: false,
                        cache: false,
                        success: function (r) {
                            if (f == i + 1) {
                                alert("Check call");
                                var fieldvals
                                $.ajax({
                                    type: "POST",
                                    url: "../Home/gridtbl",
                                    data: JSON.stringify(fieldvals),
                                    contentType: "application/json; charset=utf-8",
                                    datatype: "json",
                                    success: function (r) {
                                        $('#grdtbl').html(r);
                                        //jQuery.noConflict();
                                        $('#ipcelltbl').DataTable({
                                            dom: 'Bfrtip',
                                            buttons: [
                                                'copy', 'csv', 'excel', 'pdf', 'print'
                                            ]
                                        });
                                    },
                                    failure: function () {
                                        alert("Error");
                                    }
                                });
                            }
                        },
                        failure: function () {
                            alert("Error");
                        }
                    });
                })(f);
            }
        }
    });

Answer 1

嗨@sam，欢迎来到 SO，

取一个flag，在start成功脚本之前初始化为false，如果成功则将flag true放在成功脚本的底端，并加上一个语句在成功脚本的开始检查标志是否 true 然后退出等。

Answer 2

if i = 1
then
for (var f = 0; f <= i; f++) {
for (var f = 0; 0 <= 1; f++)
for (var f = 1; 1 <= 1; f++)
stop because    2 <= 1 is false.
if i = 1 then for loop running 2 times.

Answer 3

For 循环首先初始化变量，然后检查条件，然后执行一些代码并增加或减少变量。在您的情况下，当 i=1 时，它会在第一次执行时检查 f