javascript-使用AJAX将表单数据保存到PHP

如何将表单数据保存在文件或本地db(也许使用AJAX)中,该文件或数据通过表单操作将数据发送到外部db？

我的表格的源代码在这里：http://jsbin.com/ojUjEKa/1/edit

我应该对代码进行哪些更改(如果有)？

EDIT:

对.因此,我能够使用AJAX将数据存储到localStorage中,并希望将存储的数据发送到名为backend.PHP的文件中.这是我的HTML文件：http://jsbin.com/iSorEYu/1/edit

这是我的backend.PHP文件：http://jsbin.com/OGIbEDuX/1/edit

AJAX在将字段存储在localStorage中的工作绝对正常,但是在尝试将数据发送到backend.PHP时出现了问题.我收到以下错误：

 [24-Jan-2014 08:40:34 America/Chicago] PHP Notice:  Undefined index: data in /home4/private/public_html/marketer/backend.PHP on line 7
 [24-Jan-2014 08:40:34 America/Chicago] PHP Warning:  Invalid argument supplied for foreach() in /home4/private/public_html/marketer/backend.PHP on line 10
 [24-Jan-2014 08:40:58 America/Chicago] PHP Notice:  Undefined index: data in /home4/private/public_html/marketer/backend.PHP on line 7
 [24-Jan-2014 08:40:58 America/Chicago] PHP Warning:  Invalid argument supplied for foreach() in /home4/private/public_html/marketer/backend.PHP on line 10

这里有什么问题？

解决方法:

LocalStorage将是您最好的选择.我建议使用storejs,因为他们的API非常简单,易于使用和使用x浏览器.

然后,您可以触发将表单值存储在每个字段的“模糊”事件中.

$('input').on('blur', function (e) {
  var el = e.target;
  store.set(el.attr('name'), el.val());
});

当您准备提交到服务器时,可以使用以下内容：

$('#formID').on('submit', function (e) {
  e.preventDefault();
  $.post('/my/save/route', store.getAll(), function () { ... });
});

您当然可以在没有storejs的情况下完成所有这些操作,并使用香草JS与原生LocalStorage API进行交互.