我有一个 HTML 表单,其中包含对 PHP 文件 (insert.php) 的操作。该 PHP 文件正在将我的表单值插入数据库 (MySQL)。
HTML
<form method="post" id="myForm" action="insert.php">
First Name:<input type="text" name="Fname" id="Fname" maxlength="12" size="12"/> <br/>
Mark1:<input type="text" name="Mark1" id="Mark1" maxlength="12" size="12"/> <br/>
<p><input type="submit" id="myButton" value="Submit" /></p>
</form>
<div id="someElement">Response is Here:</div>
insert.php 文件是 -->
<?php
$con=mysqli_connect("localhost","root","root","student");
// Check connection
if (mysqli_connect_errno())
{
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
$sql="INSERT INTO student_details (full_name, mark1) VALUES ('$_POST[Fname]', '$_POST[Mark1]')";
if (!mysqli_query($con,$sql))
{
die('Error: ' . mysqli_error($con));
}
echo "1 record added";
mysqli_close($con);
?>
以上场景插入数据没有问题。
我尝试使用 AJAX 进行相同的操作,但没有看到任何结果
我的 Ajax 代码 -->
<script type="text/javascript">
$(document).ready(function(){
$("#myButton").click(function() {
alert("am in the function now");
$.ajax({
cache: false,
type: 'POST',
url: 'insert.php',
data: $("#myForm").serialize(),
success: function(d) {
$("#someElement").html(d);
}
});
});
});
</script>
请帮助我解决我缺少逻辑的地方。我猜我在某个地方遗漏了一些基本的东西。这件事已经过去快两天的时间了。 提前致谢。
最佳答案
您应该阻止默认的提交表单操作
$("#myButton").click(function(e) {
e.preventDefault();
...
关于php - 使用 HTML、PHP、AJAX 将数据插入数据库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16294592/