如何通过jquery提交表单并在JSON中检索数据？

Question

jquery JSON请求的正常形式将通过Ajax

j.ajax({
   type: 'POST',
   url: url,
   async: true,
   data: urlData,
   timeout: 20000,
   dataType: 'json',
   success: function(json) {

以上解决方案的问题甚至是post方法仍然经过和URL。我想要实现的是，一旦单击一个按钮，然后通过JSON调用提交表单数据（这样它就不必是一个页面提交），并且从调用返回的数据是JSON格式

那么如何实现目标呢？

Answer 1

将event.preventDefault();添加到submit事件处理程序，以防止默认行为。

$("#yourForm").submit(function(event){
    event.preventDefault();
    //ajax call
});

Answer 2

如果使用jquery：

，则必须停止提交按钮的默认操作

$("#myButton").click(function(e) {
    e.preventDefault();
    // ...

如果没有，请在点击事件中调用ajax之后return false;：

<input type="submit" onclick="doTheAjaxCall(); return false;"/>