Javascript 如何通过Ajax向Mysql插入多标签输入相同名称

Javascript 如何通过Ajax向Mysql插入多标签输入相同名称,javascript,php,mysql,ajax,Javascript,Php,Mysql,Ajax,我有多个标签输入相同的名称。我有插入到Mysql成功。但这是重新加载页面。我想插入到mysql,然后它没有重新加载页面。我知道使用Ajax可以做到这一点。但我不知道我该怎么做。谁能帮我?谢谢 HTML: <form id="students" action="insert.php" method="post"> a :<input name="c1[]" type="text" /> b :<input name="c2[]" type="text" />

我有多个标签输入相同的名称。我有插入到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>

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

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

您只需在任何事件上触发此函数,如悬停、单击、键控或任何事件。

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

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

您只需在任何事件上触发此函数,如悬停、单击、键控或任何事件。

使用JQuery,它很简单:

$('#students').submit(function() {
    var self = $(this);
    $.post(self.attr('action'), self.serializeArray(), function() {
      // do something after ajax complete
    });
    return false; // prevent submiting the form
});

使用JQuery很简单:

$('#students').submit(function() {
    var self = $(this);
    $.post(self.attr('action'), self.serializeArray(), function() {
      // do something after ajax complete
    });
    return false; // prevent submiting the form
});

“如何使用AJAX”是一个非常广泛的问题。在线提供了许多示例和教程。你有什么开始吗?用jquery来表示ajax请求。我对jquery和ajax不太了解。你能为我详细介绍一下教程吗?“我如何使用AJAX”是一个非常广泛的问题。在线提供了许多示例和教程。你有什么开始吗?用jquery来表示ajax请求。我对jquery和ajax不太了解。你能给我详细介绍一下教程吗?我对JQuery和Ajax知之甚少。你能为我提供详细的教程吗?@HTT只是谷歌我对JQuery和Ajax知之甚少。你能为我提供详细的教程吗?@HTT只是谷歌我对JQuery和Ajax知之甚少。你能给我详细介绍一下教程吗?我对JQuery和Ajax知之甚少。你能给我详细介绍一下教程吗?