将行添加到MySQL数据库并使用jQuery显示DIV而不刷新页面

Question

我正在使用一些PHP脚本将一些复杂形式的数据添加到MySQL数据库中，然后在某些HTML表格中显示所有数据。一切正常，但我想用jQuery和（我想）AJAX“升级”我的脚本。

我想要做的是当用户提交数据时，行（或<div>）显示在HTML表格中而不刷新页面。当然，表格和表格在同一页面上......

有些指南会非常有用，因为我不确定是否应该根据自己的需要使用AJAX或其他内容。一些教程的链接也很棒：）

非常感谢您的帮助！

Answer 1

一种简单的方法是使用jQuery POST方法

http://api.jquery.com/jQuery.post/

当用户提交数据时，您使用jQuery将数据发布到PHP处理程序，该处理程序将数据保存到数据库并返回HTML格式的行以添加到表中。

这是一个很好的例子： http://www.jensbits.com/2009/10/04/jquery-ajax-and-jquery-post-form-submit-examples-with-php/comment-page-1/

Answer 2

我曾使用this tutorial在我的某个项目上实施评论系统。它使用ajax并且工作得非常好。我相信这就是你所需要的。

Answer 3

你需要：

• 提交表单的php页面。理想情况下，此页面将返回结果作为JSON对象（PHP具有一些方便的JSON函数，可将PHP数组和对象直接转换为正确的JSON字符串）。不要忘记在返回的JSON对象中包含一些错误信息。这可以采用以下形式：

  {   “errorCode”：0，   “结果”：   {     “var1”：value1，     “var2”：value2   } }

• 提交表单的一些javascript。这可以通过jQuery.ajax，jQuery.post或jQuery.get函数很好地完成。

• 一些javascript来处理PHP脚本的结果。这将是您为jQuery.ajax，jQuery.post或jQuery.get函数提供的回调函数。该脚本将：

  • 向用户显示错误（您可以使用jQuery("#error").html("My error message");在div中设置一些文字）
  • 在表格中插入行。您可以使用jQuery.append和jQuery.html函数动态构建HTML元素。