使用ajax从html表单更新数据库
我需要有关ajax的帮助。我想更新一个php文件，它将更新数据库。我有一个表格，它将选中的复选框发送到一个php文件，然后更新数据库。我想用ajax做到这一点，但我为此感到挣扎。我知道如何<div>通过Ajax
更新HTML元素，但是无法解决。
HTML脚本
<html>
<head>
<script src="jquery-3.1.0.min.js"></script>
</head>
<body>
<form name="form">
<input type="checkbox" id="boiler" name="boiler">
<input type="checkbox" id="niamh" name="niamh">
<button onclick="myFunction()">Update</button>
</form>
<script>
function myFunction() {
var boiler = document.getElementByName("boiler").value;
var niamh = document.getElementByName("niamh").value;
// Returns successful data submission message when the entered information is stored in database.
var dataString = 'boiler=' + boiler + 'niamh=' + niamh;
// AJAX code to submit form.
$.ajax({
type: "POST",
url: "updateDB.php",
data: dataString,
cache: false,
success: function() {
alert("ok");
}
});
}
</script>
</body>
</html>
PHP updateDB.php
<?php
$host="localhost"; // Host name
$username="root"; // Mysql username
$password="14Odiham"; // Mysql password
$db_name="heating"; // Database name
$tbl_name = "test";
// Connect to server and select database.
mysql_connect("$host", "$username", "$password")or die("cannot connect");
mysql_select_db("$db_name")or die("cannot select DB");
$boiler = (isset($_GET['boiler'])) ? 1 : 0;
$niamh = (isset($_GET['niamh'])) ? 1 : 0;
// Insert data into mysql
$sql = "UPDATE $tbl_name SET boiler=$boiler WHERE id=1";
$result = mysql_query($sql);
// if successfully insert data into database, displays message "Successful".
if($result){
echo "Successful";
echo "<BR>";
}
else {
echo "ERROR";
}
?>
<?php
//close connection
mysql_close();
header ('location: /ajax.php');
?>
我希望此更新无需刷新页面。
问题答案：
我只想要一些建议，首先您的html页面代码应该喜欢-
<html>
<head>
<script src="jquery-3.1.0.min.js"></script>
</head>
<body>
<form name="form" id="form_id">
<input type="checkbox" id="boiler" name="boiler">
<input type="checkbox" id="niamh" name="niamh">
<button onclick="myFunction()">Update</button>
</form>
<script>
function myFunction() {
// it's like cumbersome while form becoming larger so comment following three lines
// var boiler = document.getElementByName("boiler").value;
// var niamh = document.getElementByName("niamh").value;
// Returns successful data submission message when the entered information is stored in database.
//var dataString = 'boiler=' + boiler + 'niamh=' + niamh;
// AJAX code to submit form.
$.ajax({
// instead of type use method
method: "POST",
url: "updateDB.php",
// instead dataString i just serialize the form like below this serialize function bind all data into a string so no need to worry about url endcoding
data: $('#form_id').serialize(),
cache: false,
success: function(responseText) {
// you can see the result here
console.log(responseText)
alert("ok");
}
});
}
</script>
</body>
</html>
现在我转向php代码：您在php中使用了两行代码
$boiler = (isset($_GET['boiler'])) ? 1 : 0;
$niamh = (isset($_GET['niamh'])) ? 1 : 0;
$ _GET用于get方法，而$ _POST用于post方法，因此您在ajax中使用post方法，上面的代码行应该像
$boiler = (isset($_POST['boiler'])) ? 1 : 0;
$niamh = (isset($_POST['niamh'])) ? 1 : 0;
-
我想使用Ajax更新数据，下面是示例代码。SweetAlert被移位，因为它已经更新了，但是它在数据库中没有生效，因此它给出了一个错误。 这是在单击submit按钮时提交表单的Ajax脚本。 这段代码用于php服务器端，用于将数据插入数据库。
-
全部的 只是想看看用表单中提交的数据更新数据库行的最佳选项是什么。我理解Laravel更新查询生成器，但是我在如何获取表单数据，然后执行该查询方面遇到了困难。相对较新的Laravel：）这是我想出的，只是从我的PHP经验和逻辑： 我曾试图将查询放入一个函数中，然后让表单操作成为函数： 正如我所说，主要问题是试图让命名的表单对象成为更新行的对象。我有两个文本输入字段，分别命名为“body”和“not
-
问题内容： 我找到了一个自动提交表单数据的教程，但我要做的就是添加一个提交按钮以将数据传递给ajax。 我的目标是创建一个具有多个输入的表单，当用户单击“提交”按钮时，它将通过ajax发送并更新页面，而无需重新加载页面。另外，另一个关键是将所有输入发布到数组中的方式，以便在运行更新脚本时，输入字段中的名称属性与数据库中的列匹配。 我想我接近了。我已经搜索过，但没有找到确切的解决方案。提前致谢。 u
-
问题内容： 我想做的是使用ajax和php将数据库表数据放入索引页中的html表。 我的问题是数据没有显示。有人知道我的代码有什么问题吗？ 的HTML： 脚本： process.php 问题答案： 至少，这是： 需要是： 因为您在寻找，而不是标签。 但是，正如西奥多（Theodore）的评论中所述，您确实想要：
-
如何使用复选框使用Ajax仅更新表的一列？ 我想使用复选框并更新我的列，值将是或。如果选中值为，否则。 是我列的名称 是我的行id 控制器功能 不知道怎么处理这个零件！ 我的最新代码： 我的开关按钮未按预期工作，对于值打开，对于值关闭，开关始终处于关闭状态 问题是为"什么是PHP运算符"？""："打电话来，他们是做什么的？"解释了我必须使用
-
我有一个基于类的视图（IndexView at views.py），它显示了一个包含数据库中存储的所有数据的表。此视图在索引中呈现。html使用获取所有数据。还没有问题。 对我来说，困难的部分是尝试使用表单来完成它，以便能够修改和保存金额列。我对POST部分没有问题，我使用AJAX来保存新值。我遇到的问题是从数据库中获取初始值以填充Django表单（forms.py） 我尝试在表单字段的定义中使用