如何可靠地存储要提交的复杂表格数据

如何解决如何可靠地存储要提交的复杂表格数据

| 我正在创建一个约会Web应用程序，用户可以在其中选择事件的开始日期和结束时间以及全局开始时间和结束时间。在最后一个屏幕上，我允许用户编辑活动期间的任何一天，我使用jQuery Full Calendar插件显示该事件。现在，我想尽可能地将其保留在客户端，直到用户最终单击“提交”，然后整个过程立即进行。处理开始/结束日期和全球时间非常容易，但是我将如何以一种有组织且可靠的方式跟踪各个日期的信息呢？每天对于多个字段可能具有不同的值（不同的开始/结束时间，描述，标题等）。

解决方法

通过JSON将数据发送到服务器将是一个理想的解决方案。您应该查看jQuery \的serializeArray（），它将序列化表单以供您发送。然后，您可以使用$ .post通过ajax提交数据，并在成功回调函数中向用户显示结果。 http://api.jquery.com/serializeArray/ http://api.jquery.com/jQuery.post/

<form id=\"yourform\" action=\"\" method=\"post\">
    <input type=\"text\" id=\"t1\" />
    <input type=\"submit\" id=\"save\" />
</form>

然后JavaScript将是

$(document).ready(function()
{
    $(\"yourform\").submit(function()
    {
         var data = $(this).serializeArray(); 
         var url = \"yoururl.com/handler.php\";
         $.post(url,data,function(result)
         {
             $(\"feedback\").html(result); //show result
         });
    });
});

请注意，我尚未测试以上代码，这只是您的粗略指导。您需要正确设置您的表格才能使用上述方法。我只是放入一个样本表单，向您展示.submit（）如何链接到表单ID。 , 您可以将数据以json格式发送到服务器。喜欢：

day = {
    startTime: someDate,endTime: someOtherDate
    ....
}

, 我不完全理解这个问题，但是您可能想要制作一个javascript数组（实际上是一个对象）。将每天存储在数组中，对象键是日期，数据是该日期所属的任何数据。（或者只是其中包含所有日期的常规数组，将日期作为数组元素中的另一个字段。）然后使用jQuery.param（）将该数组或对象发送到服务器。