Как лучше всего использовать форму и таблицу ajax на одной странице без обновления?

Question

Каков наилучший подход для создания формы и таблицы на одной странице, где форма имеет кнопку отправки (ajaxsubmit), которая сохраняет данные в базе данных, и таблица должна отображать данные без необходимости обновления страницы?

Я пытался вызвать $ .load, чтобы получить таблицу, но возникли некоторые проблемы из-за проблемы с завершением функции $ .load после document.ready

Так я должен использовать iframe?или создать XML-файл и прочитать данные в таблицу?

Answer 1

Чтобы выполнить код после завершения метода $.load(), необходимо поместить его в callback вызова load().

Например:

$("#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

взгляните на это объяснение jjuery ajaxForm и ajaxSubmit: http://www.justwebdevelopment.com/blog/ajaxform-and-ajaxsubmit-options/