如何使用JavaScript和jQuery存储数据

时间:2014-09-01 12:33:30

标签: javascript php jquery html

我不太了解JavaScript和Jquery。

我想通过Ajax请求和PHP将特定数据从网页中的HTML表格(我使用表格)保存到我的数据库(MySQL)中。

我不想保存表中的每个用户事件(编辑单元格(<td></td>),删除行(<tr></tr>)或通过拖放Jquery插件来更改顺序。

我想保存表单中的所有更改。

所以我必须使用JavaScript和Jquery存储有关每个事件(新数据)的信息。 这样做的最佳方法是什么?

我可以在网页或数组中临时存储数据。也许存在另一种方法。

然后使用PHP文件中的$("form").submit(function(){})$.ajax()我可以更新数据库中的数据。

我正在使用MySQL,PHP,Javascript,jQuery,jQuery UI和其他插件。

1 个答案:

答案 0 :(得分:0)

您可以使用.on() function from JQuery,使用它来绑定所有更改的事件,然后您可以在javascript中实例化全局事件数组

var myEventHappeningListForThisPage = [];

那么你可以像这样将对象推入其中

myEventHappeningListForThisPage.push({ id: 123, eventname: "HELLO", something: undefined });

最后,您可以将对象发布到服务器并保存或存储您拥有的内容。

对于on绑定,例如此示例

$( "#dataTable tbody" ).on( "click", "tr", function() {
    alert( $( this ).text() );
    myEventHappeningListForThisPage.push({ id: 123, eventname: "HELLO", something: undefined }); //This is the line I added to do your "Local save"
});