jquery - 完全なポストバックではなく、JQueryを使用してフォームを送信するにはどうすればよいですか？

Question

完全なポストバックではなく、JQueryを使用してフォームを送信するにはどうすればよいですか？

現在、完全なポストバックを使用してフォームを送信できます。ただし、返信には時間がかかります。

ビデオチュートリアルを共有するための助けは大いに役立ちます。

Answer 1

最も簡単な方法は、jQueryajaxメソッドまたは簡略化されたメソッドの1つを使用することです。このようなフォームがある場合：

<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/

Answer 2

詳細については、このURLを参照してください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');
  }   
}); 

}）;