gpt4 book ai didi

javascript - 数据没有通过 jQuery 和 ajax 方法插入数据库

转载 作者:行者123 更新时间:2023-12-03 06:14:24 25 4
gpt4 key购买 nike

我必须通过 jQuery 和 ajax 方法插入数据。但数据没有插入数据库。请帮我看看这个方法是否错误?

这是我的代码,

表单.html

<!DOCTYPE html> <html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <!-- <script src="jquery-3.1.0.js" type="text/javascript"></script>-->
<script type="text/javascript">
function submitData()
{
var name = document.getElementById('name');
var age = document.getElementById('age');
var contact = document.getElementById('contact')

$.ajax({
type: 'POST',
url: 'data_ins.php',
data:{
uname:name,
uage:age,
ucontact:contact
},
success: function(response){
$('#success_para').html("Data inserted");
}
});

return false;
}
</script>
</head>
<body>
<form method="POST" onsubmit="return submitData();">

name : <input type="text" name="name" id="name"> <br>
age : <input type="text" name="age" id="age"> <br>
contact : <input type="text" name="contact" id="contact"> <br>
<input type="submit" name="submit" >

</form>

<p id="success_para"></p>
</body> </html>

和 data_ins.php

<?php
$conn = mysqli_connect("localhost","root","","test_db");
$name = $_POST['uname']; $age = $_POST['uage']; $contact = $_POST['ucontact'];
if(!$conn) {
echo"<script>alert('Database Connection Failed or invalid connection');</script>"; }
else {
$sql = "insert into records (name, age, contact) values ('$name', '$age', '$contact')"; mysqli_query($conn, $sql);
mysqli_error($conn); }
?>

请让我知道我的代码有什么问题。谢谢,提前。

最佳答案

var name = document.getElementById('name').value;
var age = document.getElementById('age').value;

您的“提交”按钮会导致页面重新加载,因此您将无法在 onSuccess 中看到查询结果。

<input type="button" name="submit" onclick="submitData();" >

您检查过您的回复吗?您还可以在浏览器的检查器中查看它。

                success: function(response){
$('#success_para').html(response);
}

关于javascript - 数据没有通过 jQuery 和 ajax 方法插入数据库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39174366/

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