通过JavaScript AJAX请求插入数据库

时间:2014-04-17 08:10:49

标签: javascript jquery html forms

假设我有一个有多个输入的表单。像一个数组...所以我们有:

<input name='firstname[]' type='text' value='' /> <input name='lastname[]' type='text' value='' /> <input name='dob[]' type='text' value='' /> 
<input name='firstname[]' type='text' value='' /> <input name='lastname[]' type='text' value='' /> <input name='dob[]' type='text' value='' /> 
<input name='firstname[]' type='text' value='' /> <input name='lastname[]' type='text' value='' /> <input name='dob[]' type='text' value='' /> 
<input name='firstname[]' type='text' value='' /> <input name='lastname[]' type='text' value='' /> <input name='dob[]' type='text' value='' />

想象一下,而不是4,就像50一样。好吧,所以我现在这样做的方式是通过使用PHP的常规HTML表单提交,如下所示:

foreach ($_POST['firstname'] as $fname) {
...
}

无论如何,最好通过提交每个提交的JavaScript foreach事件来执行它,或者在完成提交之后执行一个简单的AJAX请求。转到下一个请求直到提交完成

2 个答案:

答案 0 :(得分:4)

HTTP请求(相对而言)非常耗时。

一次性发送所有数据,就像您提交常规表单一样。

答案 1 :(得分:1)

序列化Form元素并作为JSON发送到另一方。

var data = $("form").serialize()

$.ajax({ ... data:data .....

})