Question

所以目前我有一个页面，如果有人点击＆＃34;继续＆＃34;然后我的javascript对基本控制器进行Ajax调用，以更新面包屑索引来设置面包屑的样式。问题是这个ajax调用不是一直都是。这似乎是完全随机的：可以连续工作6次，然后有时根本不工作。通过工作我的意思是对基础控制器进行ajax调用以更新面包屑索引。

这是我点击“继续”按钮时的代码。

$("#submitButton").click(function () {
    updateIndex();
});

这是功能：

function updateIndex() {
var PositionIndex = 5;

if (!($("#submitButton").attr("name") == "BreadCrumb") && !($("#submitButton").attr("name") == "BackButton")) {
    $("#bc_6").removeClass("enabled").addClass("a");
    $("#bc_7").removeClass("enabled").addClass("a");
    $("#navbar").css('background-color', '#fcfcfc');
    $.ajax({
        url: "BuildingCoverages/UpdateFurthestBreadcrumb",
        type: "POST",
        data: {
            index: PositionIndex
        }
    });
}

}

如果您需要任何其他信息，请告诉我们！

Answer 1

等待ajax成功然后提交：

$("#submitButton").click(function (e) {
    e.preventDefault();
    var PositionIndex = 5;

if (!($("#submitButton").attr("name") == "BreadCrumb") && !($("#submitButton").attr("name") == "BackButton")) {
    $("#bc_6").removeClass("enabled").addClass("a");
    $("#bc_7").removeClass("enabled").addClass("a");
    $("#navbar").css('background-color', '#fcfcfc');
    $.ajax({
        url: "BuildingCoverages/UpdateFurthestBreadcrumb",
        type: "POST",
        data: {
            index: PositionIndex
        },
        success: function(data) {
            //do your submit here. this will wait til after ajax call is complete and succeeds.
        }
    });
}
});

.Ajax（）调用并不总是有效

1 个答案: