如何使用JQuery提交表单而不是完整回发？

Question

如何使用JQuery提交表单而不是完整回发？

现在我可以提交完整的回发形式。但回复需要时间。

任何分享视频教程的帮助将会非常有帮助。

Answer 1

参考这个网址的详细信息http://api.jquery.com/jQuery.ajax/

<form id="myform"> 
    <input type="text" name="foo" /> 
    <input type="button" value="Submit" id="submit" /> 
</form> 

$("#submit").click(function(){ 
    $.ajax({ 
     url: "/yourposturl", 
     type: "post", 
     data: $("#myform").serialize(), 
     success: function(data){ 
     //write code here manage "data" 
    }, 
    error:function(){ 
     alert("failure"); 
     $("#result").html('there is error while submit'); 
    } 
}); 

}）;

Answer 2

最简单的事情就是使用jQuery ajax方法或其中一种简写方法。如果你有这样的形式：

<form id="myform"> 
    <input type="text" name="foo" /> 
    <input type="button" value="Submit" id="submit" /> 
</form> 

你可以这样提交：

$("#submit").click(function(){ 
    $.post("/mycontroller/myaction", $("#myform").serialize(), function(data){ 
     //do something with the response from the controller via the data object 
    }); 
}); 

http://api.jquery.com/category/ajax/shorthand-methods/