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

发布于 2024-12-20 16:36:34 字数 201 浏览 4 评论 0原文

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

我尝试调用 $.load 来获取表格,但是由于 $.load 函数在 document.ready 之后完成的问题而出现了一些问题

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

What is the best approach to have a form and a table in the same page, where the form has a submit button (ajaxsubmit) that saves the data in database and table should display the data without the need to refresh the page?

I have tried to call $.load to get the table, but some problems occurred due to the problem that $.load function finishes after document.ready

So shall i use iframe? or create an xml file and read the data into table?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

自此以后,行同陌路 2024-12-27 16:36:34

要在 $.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");
    }
);

在此处进一步阅读

To execute code after the $.load() method has completed you need to place it in the callback of the call to load().

For example:

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

Further reading here

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文