javascript - 如何通过Ajax向Mysql插入多标签输入同名

Question

我有多个标签输入相同的名称。我已经成功插入到 Mysql 中。但它是重新加载页面。我想插入 mysql ，然后它没有重新加载页面。我知道为此使用 Ajax。但我不知道我该怎么做。谁能帮帮我谢谢

HTML:

<form id="students" action="insert.php" method="post">
 a :<input name="c1[]" type="text" />
 b :<input name="c2[]" type="text" />
 c :<input name="c3[]" type="text" />
</br>
 a :<input name="c1[]" type="text" />
 b :<input name="c2[]" type="text" />
 c :<input name="c3[]" type="text" />
</br>
 a :<input name="c1[]" type="text" />
 b :<input name="c2[]" type="text" />
 c :<input name="c3[]" type="text" />``
 <input type="submit" value="submit" id="submitbutton" class="insert" />
</form>
 <script>
       $('#students').submit(function() {
        $.post('insert.php', $('form#students').serialize())
       });
</script>

和“insert.php”

$a1=$_POST['c1'];
$b1=$_POST['c2'];
$c1=$_POST['c3'];
$index=0;
foreach($a1 as $s){
$sql = "INSERT INTO test(col_a,col_b,col_c) VALUES('$s','".$b1[$index]."','".$c1[$index]."')";
mysql_query($sql);
    $index++;
}

Answer 1

您可以通过 Jquery Post 方法发送此表单。例如

$.post(
'insert.php',
$('#students').serialize(),
function(data){
 console.log(data);
 }
)

您只需在悬停、点击、按下键盘或任何其他事件时触发此函数即可。