当前位置：文江博客话题详情

数据表提交表单服务器端数据

发布于 2024-11-09 15:43:46 字数 205 浏览 0 评论 0原文

对于那些使用 Datatables js 插件的人，我如何创建此示例包含服务器端数据？

该示例使用 HTML 中硬编码的数据。

原文

分享到QQ

分享到微博

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

发布评论

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

如若梦似彩虹 2024-11-16 15:43:46

您基本上会执行以下操作：

序列化表单数据（使用 jquery 序列化，如示例所示）
将所述数据提交到表单处理脚本（php 等）

他们已经提供了 jquery 序列化代码，因此我不会显示这一点，但是 jQuery （至少）需要 AJAX 函数：

$.ajax({
   type: "POST",
   url: "some.php",
   data: YOUR-SERIALIZED-DATA-HERE,
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
 });

在服务器端 PHP 文件上，您只需获取正确的表单数组并解析您的值（$_POST）。

You would basically do the following:

Serialize the form data (using jquery serialize as the example shows)
Submit said data to your form handling scrip (php etc)

They already provide the jquery serialize code so I won't show that, however the jQuery AJAX function will be needed (at the least):

$.ajax({
   type: "POST",
   url: "some.php",
   data: YOUR-SERIALIZED-DATA-HERE,
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
 });

And on your Server side PHP file you just grab the correct form array and parse your values ($_POST).

回复收藏 0 原文

甜点 2024-11-16 15:43:46

我遇到了同样的问题，并且不想进行 ajax 保存，所以我这样做了：

var table = $("#mytable").datatable();

$("#myform").submit(function () {
    var hiddenArea = $("<div></div").hide().appendTo("#myform");
    table.$('input:hidden').detach().appendTo(hiddenArea);

    // Prevent original submit and resubmit, so the newly added controls are
    // taken into account
    this.submit();
    return false;
});

这个想法是我获取当前不在 dom 中的所有输入并将它们移动到隐藏的容器中。

I had the same problem and didn't want to do an ajax save, so I did this:

var table = $("#mytable").datatable();

$("#myform").submit(function () {
    var hiddenArea = $("<div></div").hide().appendTo("#myform");
    table.$('input:hidden').detach().appendTo(hiddenArea);

    // Prevent original submit and resubmit, so the newly added controls are
    // taken into account
    this.submit();
    return false;
});

The idea is that I take all the inputs that are currently not in the dom and move them inside a hidden container.

回复收藏 0 原文

~没有更多了~