所以，我试图更新字段在我的数据库(id[int]，状态[boolean])使用一个复选框与Ajax。这应该在不刷新页面和不使用提交按钮的情况下完成。我已经尝试了多个教程和非似乎为我工作。举几个例子:当选中复选框时，Ajax更新数据库;更改ajax调用的复选框，使用复选框
更新数据库拜托，我真的需要帮助，这个已经在这几天了。这是我的尝试:
index . html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="jquery.min.js"></script>
</head>
<body>
<input type="checkbox" name="action1" id="action1" title="Action 1" value="1"/>
<script type="text/javascript">
$("#action1").change(function () {
var value = $(this).val();
$.ajax({
type: "POST",
url: "update.php",
async: true,
data: {
action1: value // as you are getting in php $_POST['action1']
},
success: function (msg) {
alert('Success');
if (msg != 'success') {
alert('Fail');
}
}
});
});
</script>
</body>
</html>
update.php
<?php
$servername = "localhost";
$username = "root";
$password = "";
$database = "api";
// Create connection
$conn = new mysqli($servername, $username, $password, $database);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
//echo "Connected successfully";
if($_POST['action1']==1){ //as used variable name "value" in ajax post data
$sql = "UPDATE toggle SET status = '1' WHERE id = '1'"; //query was incomplete and missing ";"
echo 'success';
}
else{
$sql = "UPDATE toggle SET status = '0' WHERE id = '1'"; // missing ";"
echo 'success';
}
$result=$conn->query($sql);
?>
无论发送什么数据，您的更新文件都返回'success'。试试这样:
index . html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
</head>
<body>
<input type="checkbox" name="action1" id="action1" title="Action 1" value="2"/>Action
<script type="text/javascript">
$("#action1").change(function () {
var value = $(this).val();
$.ajax({
type: "POST",
url: "update.php",
async: true,
data: {
action1: value // as you are getting in php $_POST['action1']
},
success: function (msg) {
alert(msg);
}
});
});
</script>
</body>update.php
<?php
$servername = "localhost";
$username = "root";
$password = "";
$database = "stackoverflow";
// Create connection
$conn = new mysqli($servername, $username, $password, $database);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
if($_POST['action1']==1){
$sql = "UPDATE toggle SET status = '1' WHERE id = '1'";
echo 'success';
}
else{
$sql = "UPDATE toggle SET status = '0' WHERE id = '1'";
echo 'fail';
}
$result=$conn->query($sql);
?>