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

时间:2013-01-17 17:33:01

标签: jquery asp.net-mvc model-view-controller asp.net-mvc-2

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

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

任何分享视频教程的帮助都会有很大的帮助。

2 个答案:

答案 0 :(得分:0)

最简单的方法是使用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/

答案 1 :(得分:0)

请参阅此网址了解详情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');
  }   
}); 

});