动态加载表单值并同时提交?

时间:2011-07-10 03:17:03

标签: php jquery forms

我有一种无线电复选框(是/否),我想在人们点击数值时动态更新值。

例如,如果用户点击No单选框,jQuery应该立即将值提交给我的PHP,这将在那时更新我的​​数据库。

它应该是双向的,这意味着当表单首次加载时,它将从我将查询数据库的PHP表单中反向提取数据,然后使用正确的Yes / No值更新表单。

我已准备好PHP / Mysql后端。我无法弄清楚如何使jQuery部分动态提交值,同时在初始加载时它将拉取值并用正确/当前值填写我的表单。

谢谢!

1 个答案:

答案 0 :(得分:2)

有很多方法可以做到这一点,但最简单的看起来像这样:

  1. 使用PHP在HTML页面中设置初始值。

  2. 使用jQuery将单击处理程序添加到单选按钮。 Click处理程序将使用$.get()$.post()方法向服务器发送异步请求。请注意,与提交表单相同 - 它不会重新加载页面,并且根本不涉及实际的form

  3. AJAX请求转到服务器上的PHP页面,该页面接收请求,执行任何必要的验证,更新数据库,并(通常)发回成功或失败消息。

  4. jQuery代码可能如下所示:http://jsfiddle.net/nrabinowitz/PyN7v/2/