jquery - 更新する必要なく、同じページに ajax フォームとテーブルを配置するための最良の方法は何ですか?

Question

フォームとテーブルを同じページに配置するための最良の方法は何ですか?フォームにはデータベースにデータを保存する送信ボタン (ajaxsubmit) があり、テーブルはページを更新する必要なくデータを表示する必要がありますか?

テーブルを取得するために $.load を呼び出してみましたが、document.ready の後に $.load 関数が終了するという問題が発生しました。

では、iframe を使用しますか? またはxmlファイルを作成し、データをテーブルに読み込みますか?

Answer 1

メソッドの完了後にコードを実行するには、 への呼び出しの にコード$.load()を配置する必要があります。callbackload()

例えば：

$("#myElement").load(
    '/location/of-target.html',
    function(data) {
        // put code here to execute after the load has completed.
        // for example to append a specific div.
        $(data).find("#myDiv").appendTo("#containerDiv");
    }
);

ここでさらに読む

Answer 2

jQuery の ajaxForm と ajaxSubmit の説明をご覧ください: http://www.justwebdevelopment.com/blog/ajaxform-and-ajaxsubmit-options/