将ajax表单和表放在同一个页面中而不需要刷新的最佳方法是什么?

Question

在同一页面中拥有表单和表的最佳方法是什么，其中表单有一个提交按钮(ajaxsubmit)，该按钮将数据保存在数据库中，而表应该显示数据而无需刷新页面?

我试着打电话给$。加载以获取表，但由于$。加载函数在document.ready后完成

那么我应该使用iframe吗?或者创建一个XML文件并将数据读入表中?

Answer 1

看一下jQuery的ajaxForm和ajaxSubmit的解释:http://www.justwebdevelopment.com/blog/ajaxform-and-ajaxsubmit-options/

Answer 2

要在$.load()方法完成后执行代码，您需要将其放置在load()调用的callback中。

例如:

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

在此继续阅读