向MySQL db添加行并使用jQuery显示DIV而不刷新页面

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

我想要做的是当用户提交数据时，行（或

）显示在HTML表中而不刷新页面。 表格和表格在同一页面上，当然……

一些准则会非常有用，因为我不确定我是否应该使用AJAX或其他东西来满足我的需求。 一些教程的链接也很棒:)

非常感谢您的帮助！

Answer 1

我曾使用本教程在我的一个项目上实现评论系统。 它使用ajax并且工作得非常好。 我相信这就是你所需要的。

Answer 2

一种简单的方法是使用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 3

你需要：

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

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

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

• 一些javascript来处理PHP脚本的结果。 这将是一个回调函数，您可以将其赋予jQuery.ajax ， jQuery.post或jQuery.get函数。 该脚本将：

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