6

重複の可能性:
jQuery AJAX 送信フォーム

ページ A にフォームがあり、新しいページに投稿する代わりに、代わりに onSubmit ajax リクエストを実行できる方法はありますか? 結果をdivにロードできるようにページを作成したいと思います。

呼び出し用のスクリプトの書き方は知っていますが、それを手書きする必要があるのか​​ 、それともすべてのフォーム情報を取得して属性にすべてコーディングすることなく送信できるのかはわかりませんでした。onClick、フォームを投稿するが、結果をdivに返すなど、ある種のことができると思っていました。

考え？アイデア？

4

2 に答える 2

7

JQueryを使用してみてくださいserialize（API ref here）

編集：このようなもの：

 $("input.submit").click( function() {
    $.ajax( {
      type: "POST",
      url: $("form").attr( 'action' ),
      data: $("form").serialize(),
      success: function( response ) {
        //Code to process the response
      }
    });
    return false;
  } );
于 2012-06-29T01:10:36.473 に答える
5 
$.ajax({
 url: 'mypage.html',
 success: function(data){
    $('.result').html(data);
 },
 error: function(){
   alert('failure');
 }
});

次に、divがあります。

<div class="result"> </div>

これにより、ajax投稿の結果が自動的に入力されます。

http://api.jquery.com/jQuery.post/

関連する質問のトンも参照してください：ajax投稿の成功をチェックするJquery

于 2012-06-29T01:10:49.140 に答える