2011-12-30 5 views
1

フォームを送信するためのjqueryスクリプトを設定しました。私は応答を取得したいと思います(私は全体のページ、albietを小さくしています)フォームは(応答はフォームに過ぎない)ここjqueryを使用してフォーム全体をajaxに変換する方法

は私のjqueryのスクリプトです:

$("#addPersonButton").click(function(){ 
    $.post("/MySite/MyAjaxServlet.do", $("#personForm").serialize(), function(data) { 
     var content = $(data); 
     $("#personForm").empty().append(content); 
    }); 
}); 

私のページの出力は、「[オブジェクトのオブジェクト]」と表示されますが、私は、フォームと私のページでフォームを置き換えることができますどのように

がで返さ応答?

答えて

2
てみ

$("#personForm").empty().append(data); 
+0

Dohの内容を置き換えます! - はい。それはうまくいった。 –

2

html方法マッチしたセレクタ

$("#personForm").html(data); 
+0

Hm。今すぐこの方法は速いですか? –

+0

Doh! - これで、フォーム上での追加ボタンでもクリックのバインドが失われるようになりました。 –

+0

'html'は' empty'と 'append'を併用するよりも2倍高速で、より明確です。デモ:http://jsfiddle.net/nFfSx/ 。あなたは 'クリック'の代わりに 'live'を使うことができます - これは現在の要素のイベントにリスナーを添付し、将来存在するでしょう – abuduba

関連する問題