4

jQueryを使用してフォームを送信する場合、結果のページ(送信後)を別のHTML要素内に配置できますか?

これをより明確にしようとします。今まで、私は Callback メソッドを使用してきました。

document.forms['form'].submit();

フォームが新しい情報で更新され、更新が必要になったとき。ただし、これによりページ全体が更新されます。jQueryを使用して部分ページ更新を実装しており、次のようなものを使用することを考えました

var newContent = jQuery('#form').submit();
jQuery('#div').load(newContent);

ただし、ページがまだ完全に更新されているため、それは機能していないようです。内容は正しいですが、動作は以前とまったく同じように見えるため、jQuery で実際に必要なことが可能かどうかはよくわかりません。ヒントやポインタは役に立ちます。

ありがとう。

4

2 に答える 2

4

あなたがする必要があるのは、ajax メソッドの 1 つを使用してフォームを投稿し、successコールバック内の要素に出力を挿入することです。例えば：

$("#submit").click(function() {
    $.post($("#form").attr("action"), $("#form").serialize(), function(html) {
        $("div.result").html(html);
    });
    return false; // prevent normal submit
});

を見て$.post、$.ajax

于 2010-03-18T00:52:21.237 に答える
1

質問が明確ではありません。jquery ajax api を理解することにもっと時間を費やして、jquery ajax を使用して dom 要素を更新するより良い方法を見つけてください。

ajax呼び出しによるdom変更後にイベントバインディングが機能しないことについて話している場合。イベント API で Jquery の live/die メソッドを参照します。

于 2010-03-18T00:55:04.037 に答える