如何在不重新加载页面的情况下通过下拉菜单更新数据库
How to update database thruogh dropdown without page reload
请先看看这个代码:
$(document).ready(function() {
$("#alternatecolor [type=button]").each(function() {
$(this).on('click', function() {
btnObj = $(this);
rowId = $(this).attr("rowId");
changeStatus = $(this).attr("changeStatus");
$.get("changeStatus.php?rowId="+rowId+"&changeStatus="+changeStatus,function(data,status){
if(changeStatus == 0){
str ="Unverify";
btnText = "Verify";
newStatus = 1;
}
else{
str ="Verify";
btnText = "Unverify";
newStatus = 0;
}
if(data == 'success'){
alert("Status updated successfully to "+str+".");
btnObj.val(btnText);
btnObj.attr("changeStatus",newStatus);
}
else{
alert("some error");
}
});
});
});
});
</script>
这是我的更改状态页面:
$dbhost = 'xxxxxx';
$dbuser = 'xxxxxxx';
$dbpass = 'xxx';
$conn = mysql_connect($dbhost, $dbuser, $dbpass);
if(! $conn )
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db('xxxxxxxx');
$sql ="update experiment set verification=".$_GET['changeStatus']." where row=".$_GET['rowId'];
$retval = mysql_query( $sql, $conn );
if(!($retval))
{
die('error');
}
else{
echo "success";
}
mysql_close($conn);
我在这段代码中使用了一个按钮来查询值为0,1的数据库。如果按下一次,数据库将用1查询;如果再次按下,数据库将使用0查询。
现在,我必须放置一个下拉列表来代替具有3个值的按钮来查询数据库:0,1,2。如果选择第一个值,则数据库行将更新为值0,依此类推
我该怎么做?
删除按钮并添加选择,如下所示:
<select class="my-select">
<option value="0">update</option>
<option value="1">create</option>
<option value="2">delete</option>
</select>
您还需要添加数据rowId属性。
jquery:
$(document).ready(function() {
$(".my-select").change(function() {
btnObj = $(this);
rowId = $(this).attr("data-rowId");
changeStatus = $(this).val();
$.get("changeStatus.php?rowId="+rowId+"&changeStatus="+changeStatus,function(data,status){
if(data == 'success'){
alert("Status updated successfully to "+str+".");
}
else{
alert("some error");
}
});
});
});
使现代化创造删去
您可以使用类名或ID。如果是ID,则执行下面代码中的$("#id1").click(function () {...
。
Awlad已经用GET方法做了,下面是用POST方法。
$(function () {
$(".my-select").click(function () {
var category = $(this).text();
//$('label').css('color', selText);
$.ajax({
url: "invite_db.php",
type: "POST",
data: {"category": category},
success: function(data) {
$(".articleContent").html(data);
//setInterval("messageDisable()", 5000);
}
});
});
});
我已经根据我的代码使用了参数名称。请更改
这是您的HTML和Javascript代码
<select onchange="getval(this);">
<option value="1">One</option>
<option value="2">Two</option>
</select>
<script type="text/javascript">
function getval(sel) {
$.ajax({
type: "POST",
url: url, // url is page where you want to process this post request
data: 'val=' + sel.value,
});
}
</script>
在PHP端
<?php
// Your database connection code
$val = $_POST['val'];
mysql_query("UPDATE 'tablename' SET 'column name' = $val 'Your WHere caluse'")
?>
相关文章:
- 在不使用循环的情况下,从一个数据库字符串值向javascript数组添加多个对象
- 在不重构Mongo数据库的情况下,更新嵌入数组中的具有给定ID的对象
- 如何在不刷新页面的情况下从 PHP 中的 SQL Server 数据库获取数据
- jQuery在没有数据库的情况下从php-json自动完成
- 需要 Ajax 函数 - 在不刷新页面的情况下更新数据库
- 如何在不发出 HTTP 请求的情况下检测 SQL 数据库中的更改
- 在不超出页面的情况下更新数据库
- 如何在不刷新页面的情况下从数据库(mysql)加载更新的数据
- 需要在不刷新的情况下从数据库中获取值
- 索引数据库,如何在不重新加载页面的情况下获取更新的数据
- Koa:在没有现有包装器的情况下连接到数据库的最明智的方法是什么?
- 如何在不干扰和烦恼页面的情况下与 asp.net 中的数据库进行交互
- 在没有服务器端的情况下构建报价数据库
- 在不使用数据库的情况下将突出显示的文本保存在 Chrome 扩展程序中
- 使用 AJAX 从数据库中检索数据,并在没有框架的情况下对它们进行分页
- 如何在不回发的情况下访问 SQL 数据库中的数据
- 在没有数据库的情况下搜索图像
- 在不提交表单的情况下,在两个texbox中比较mysql数据库中的值
- Php:如何在不提交表单的情况下从mysql数据库中获取文本框值
- Mongoose创建测试数据并在没有数据库连接的情况下进行填充