jQuery的.preventDefault（）问题

Question

我想这个代码来处理形式：

//All form submissions should go through here. 
$(document).on('submit', 'form', function (x) { 
    //x.preventDefault(); //commented out because it's not working 
    $.ajax({ 
     url: $(this + '#formdestination').val(), //formdestination is a hidden field, showing where to submit the form 
     type: 'post', 
     dataType: 'json', 
     data: $(this).serialize(), 
     complete: function (xhr, status) { 
      if (status === 'error' || !xhr.responseText) { 
       window.location = '/broken/?err=Inconsolable%20onsubmit%20ajax%20error'; //i'd like the real error here, ideally 
      } //end if 
      else { 
       loader($('#pagedestination').val()); 
       //loader is a function that animates the page as it loads new content. 
       //#pagedestination is a hidden field that stores where the page should go when it's done. 
       //Yes, I know formdestination and pagedestination could be handled with the form or the backend. There are reasons that do not matter much here. 
      } //end else 
     } //end complete function 

    }); 

    return false; 
}); 

有一对夫妇的我遇到的问题。

1.）当表单被提交时，它调用这个函数。它不调用加载程序，或者如果是这样，它会被控制器的重定向覆盖。表单提交时，我需要阻止通用提交。 .preventDefault（）无法正常工作（请参阅下文）。

2.）（远比＃1重要）如果ajax胡扯出来，我想得到合法的错误。怎么样？

在.preventDefault（） - 当我尝试它，我得到这个错误：未捕获的SyntaxError：意外的标识

感谢您的帮助。

Answer 1

你得到的是从别的地方来的异常，请访问此琴：http://jsfiddle.net/DgRLa/

它有这样的代码：

$(document).on('click', '.test', function (x) { 
    x.preventDefault(); //commented out because it's not working 

    $.ajax({ 
     url: "test.php", //formdestination is a hidden field, showing where to submit the form 
     type: 'post', 
     dataType: 'json', 
     data: $(this).serialize(), 
     complete: function (xhr, status) { 
      console.log("hi"); 
     } 
    }).fail(function() { 
     alert("error"); 
    }); 
}); 

当你点击“clickme”元素你会得到console.log和警报。

使用“成功”的回调，而不是“完全”之一，并且将递延.fail捕获错误，请尝试这样的事：

$(document).on('submit', 'form', function (x) { 
    x.preventDefault(); //commented out because it's not working 
    var url = $(this).attr("action");  

    $.ajax({ 
     url: url , // Use the form action attribute instead of a hidden field 
     type: 'post', 
     dataType: 'json', 
     data: $(this).serialize(), 
     success: function (data) { 
      loader($('#pagedestination').val()); 
     } 
    }).fail(function (error) { 
     // error has all sorts of fun stuff 
    }); 

    // return false; Dont return false, preventDefault is enough 
}); 

PS：你提到装载机向用户发送到不同的页面，如果你打算重定向页面，是否有理由提交带有Ajax的表单？

Answer 2

$(document).on('submit', 'form', function (x) { 
    x.preventDefault(); //x must be inside the anonymous function 
    $.ajax({