gpt4 book ai didi

javascript - 使用Ajax插入Mysql表单php而无需重新加载页面

转载 作者:行者123 更新时间:2023-11-29 11:37:47 24 4
gpt4 key购买 nike

我有这个 jQuery AJAX 代码,它以 php 形式写入 Mysql 中。它无需重新加载页面即可工作。问题是,当用户在表单中输入内容,然后单击提交时,我想使用 php 和 ajax (带有 jquery)。但它不会打印alert()中的字符串。有人可以告诉我如何实现这一点吗?

HTML:

<form id="students" method="post">
<div class="row">
<input name="a[]" value="" type="text" >
<input name="b[]" value="" type="text" >
</div>
<div class="row">
<input name="a[]" value="" type="text" >
<input name="b[]" value="" type="text" >
</div>
<input type="submit" value="submit" id="submitbutton" class="insert"/>
</form>


<script type="text/javascript">
$('#students').submit(function(){
event.preventDefault();
$.ajax({
type: 'POST',
url: 'ajax_insert.php',
data: $('#students').serialize(),
dataType: 'JSON',
success: function(data) {
alert('form has been posted successfully');
}
});
});
</script>

和ajax_insert.php:

$a1=$_POST['a'];
$b1=$_POST['b'];

//$query_values = array();
$index=0;

foreach($a1 as $s){
$sql = "INSERT INTO test_data(a,b) VALUES('$s','".$b1[$index]."')";

$result = mysql_query($sql);
if($result)
{
echo "1";
}
$index++;
}

最佳答案

$('#students').submit(function(event){
event.preventDefault();
$.ajax({
type: 'POST',
url: 'ajax_insert.php',
data: $('#students').serialize(),
dataType: 'JSON',
success: function(data) {
alert('form has been posted successfully');
}
});

查看官方文档here并了解如何使用 event.preventDefault();

关于javascript - 使用Ajax插入Mysql表单php而无需重新加载页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36313820/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com