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

Question

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

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

Answer 1

我有同样的问题，不想做 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 中的输入移到一个隐藏的容器中。

Answer 2

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

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

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 );
   }
 });

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