javascript - 如何中断执行并在 ajax 成功中显示错误？

Question

我正在使用 ajax 调用来检查一些验证，然后通过 html 通常提交表单。在我的 ajax 调用中，

    function checkId() {
    var str = $("#formObj").serialize();
    $.ajax({
        type : "post",
        data : str,
        url : "checkForId.mt",
        async : false,
        success : function(txt) {
            if (txt == "pass") {
                return "true";
            } else if (txt == "same") {
                $("#errorMsgIdSame").removeClass("hidden");
                return "false";
            }
        },
        error : function() {
            alert("Error");
        }
    });
}

如果控件转到“pass”，则应该继续执行。如果它变为“相同”，则执行应停止。我正在从其他方法调用此 ajax 方法。

    function validateForm() {
    var isValid = true;
    isValid = checkId();
    if (!isValid) {
        $("#errorMsg").removeClass("hidden");
    }
    return isValid;
}

此 validatioForm 在单击按钮时调用。现在 ajax 代码正在运行，但 validateForm 方法没有获取 ajax 方法的返回值。

需要有关如何执行此操作的指导，以便捕获 ajax 方法的返回以及如何从 ajax 方法返回。

Answer 1

如果我没有正确理解你的问题，你想从外部函数返回内部函数的结果。 checkId 的定义就是这样做的。

function checkId() {
  var result;
  var str = $("#formObj").serialize();
  $.ajax({
    type : "post",
    data : str,
    url : "checkForId.mt",
    async : false,
    success : function(txt) {
      if (txt == "pass") {
        result = true;
        return;
      } else if (txt == "same") {
        $("#errorMsgIdSame").removeClass("hidden");
        result = false;
        return;
      }
    },
    error : function() {
      alert("Error");
    }
  });
  return result;
}