jquery - 如何使用 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/