Question

我有以下jQuery：

var fn = {
    Load: function () {
        $(".myclass input.Submit").click(function (e) {
            var _IsValid = fn.IsValid();
            if (_IsValid == false) {
                e.preventDefault();
            }
            //Popup displays message fine if "return false;" is
            //called here but then obviously never posts back.
        });
    }
, IsValid: function () {

    var _IsValid = true;
$.ajax({
       url: "/myURL"
       , type: 'POST'
       , contentType: 'application/json; charset=utf-8'
        , data: JSON.stringify({ Barcode: $barcode.val(), Email: $email.val() })
        , dataType: 'json'
       , success: function (data) {
          var array = eval(data);
          if (array[0] == 0) {
            _IsValid = false;
            ShowPopup(array[1]);
          }
         }
       , error: function (xhr, status, error) {

         }
    });
   return _IsValid;
 }
}

AJAX响应为200 OK，但success函数未运行。相反，它似乎正在运行error函数。

该脚本作为ASP.NET ImageButton的单击事件侦听器运行。如果_IsValid==false，则调用e.preventDefault()以阻止回发。

奇怪的是，如果我将return false添加到事件监听器函数的末尾，则此代码将运行success函数。

如何找出导致此错误的原因以便我可以解决？

Answer 1

如何找出导致此错误的原因以便我可以解决？

您可以在浏览器中使用javascript调试工具，例如FireFox中的FireBug，它可以让您查看AJAX请求和响应。您将看到通过网络发送的确切内容以及任何可能的错误。

实际上看着这个：

dataType: 'json;'

你可能意味着：

dataType: 'json'

当您明确设置这样的响应内容类型时，您应确保服务器发送有效的JSON，因为jQuery将尝试解析响应，如果失败，您将获得异常。

我也会完全取代：

data: '{"Barcode":"' + $barcode.val() + '", "Email":"' + $email.val() + '"}'

使用：

data: JSON.stringify({ Barcode: $barcode.val(), Email: $email.val() })

永远不要像在构建JSON时那样使用字符串连接。

Answer 2

我认为您目前遇到的问题是您的IsValid函数将始终返回true。这是因为AJAX帖子在返回函数之前没有时间完成。毕竟它是一个异步函数。

从我可以告诉你想要使用AJAX请求有效的表单，如果有效提交表单，否则显示弹出窗口。如果这是正确的，你应该做点像......

$(".myclass input.Submit").click(function (e) {
    e.preventDefault();
    ProcessForm();
});

function ProcessForm(){
   $.ajax({
       url: "/myURL"
       , type: 'POST'
       , contentType: 'application/json; charset=utf-8'
        , data: JSON.stringify({ Barcode: $barcode.val(), Email: $email.val() })
        , dataType: 'json'
       , success: function (data) {
          var array = eval(data);
          if (array[0] == 0) {
            ShowPopup(array[1]);
          }
          else//VALID
          {
             document.forms[0].submit();
             //OR IF YOU HAVE MULTIPLE FORMS SPECIFY AN ID...
             document.getElementById("FormElement").submit();
          }
         }
       , error: function (xhr, status, error) {

         }
    });
}

jQuery AJAX返回200 OK状态，但错误。如何查看错误的详细信息？

2 个答案: