javascript - 如何使用 php 将 mysql 数据库数据传递给 javascript 函数?
问题描述
我正在创建一个网站,人们可以在其中添加粉丝群并通过单击 X 按钮将其删除。这就是我想要的:当用户点击 X 按钮时,会弹出一个模态框说“你确定”,当他按下模态框上的删除按钮时,数据将从数据库中删除(我正在使用 mysql数据库)。
当用户点击 X 按钮时,我希望模态框显示用户想要删除的粉丝群的具体名称。但我不知道如何将粉丝群的 id(来自我的数据库)传递给我制作的函数并使用它。这是它的样子:
来自“welcome.php”的模态
<div class="modal fade" id="delmdl">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Delete Fanbase</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<form id="" method="post" action="deletefanbase.php">
<div class="modal-body">
<h5>Are you sure you want to delete this fanbase?
<span><!-- this is where the fanbase's name should be --></span>
</h5>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button name="addfbmdl" type="submit" class="btn btn-danger" >Delete</button>
</div>
</form>
</div>
</div>
</div>
从“showfanbase.php”迭代添加粉丝群 div 的代码
<?php
require "session.php";
require "connect.php";
if(!isset($_SESSION["loggedin"])||$_SESSION["loggedin"]!==true){
header("location: login.php");
exit;
}
$sql="SELECT fanroom.id AS fr_id, fanroom.uid AS uid, fanroom.aid AS aid, fanroom.name AS fr_name,
fanroom.description AS fr_desc,
artists.id, artists.name AS a_name, users.username,users.id AS user_id
FROM fanroom INNER JOIN artists ON fanroom.aid=artists.id INNER JOIN users ON fanroom.uid=users.id
ORDER BY fanroom.created_at DESC";
$result=$link->query($sql);
if($result){
$output="<div class='container' style='margin:15px;'>";
if($result->num_rows>0){
while($row = $result->fetch_assoc()){
if($row['user_id']==$_SESSION['id']){
$username="You";
$output.="<div class='row'>
<div class='col border' style='margin:10px;border-radius:10px;padding:15px;'>
<h3>".$row['fr_name']."</h3>
<p style='color:grey;'>Made by <b>".$username."</b></p>
<h5 style='color:grey;'>A <b>".$row['a_name']."'s</b> Fanbase</h5>
<p>".$row['fr_desc']."</p>
<button id='delete' type='button' class='btn btn-danger'
onclick='deletefunction(".$row['fr_id'].")' >x</button> #this is the X button
</div>
</div>";
}
else{
$username=$row['username'];
$output.="<div class='row'>
<div class='col border' style='margin:10px;border-radius:10px;padding:15px;'>
<h3>".$row['fr_name']."</h3>
<p style='color:grey;'>Made by <b>".$username."</b></p>
<h5 style='color:grey;'>A <b>".$row['a_name']."'s</b> Fanbase</h5>
<p>".$row['fr_desc']."</p>
</div>
</div>";
}
}
$output.="</div>";
echo $output;
}
}?>
并单击该按钮,将执行“Welcome.php”上的函数(deletefunction())。在里面我传递了即将被删除的粉丝群的 ID。这个函数假设只显示模态,但我想让这个函数可以保存即将被删除的粉丝群 id。
<script>
function deletefunction(del_id){
$('#delmdl').modal();}
</script>
我必须在我的代码中添加什么,以便我可以在模式上显示粉丝库的名称,然后我可以将该粉丝库的 id 传递给 deletefanbase.php(这是用于删除 mysql 数据库中的数据)?
解决方案
您应该在表单中设置一个隐藏字段,将该值发送到deletefanbase.php
取一个隐藏字段welcome.php
,例如
<input type='hidden' name='delbyid' id='delbyid value="">
当函数执行时,在您提交表单之前将删除 id 设置为隐藏字段
$('#delbyid').val(del_id);
它将在 deletefanbase.php 上使用 $_POST['delbyid'] 发布该字段的值,您可以执行查询以删除具有该 ID 的特定记录
//you need to make connection for database or include database connection file before run query
$delid=$_POST['delbyid'];
$sql="DELETE FROM table_name WHERE id = $delid ";
$result=$link->query($sql);
if($result){
echo "delete successfully";
}
推荐阅读
- javascript - javascript 绑定函数未在第一次操作时触发
- javascript - 当时间动态时,相同的位置对于相同的 x、y、z 或 lat、long、height 显示不同
- php - 不使用 Artisan 链接存储文件夹
- windows - Anaconda中缺少graphlab安装依赖项
- sql - 为什么我们需要 SQL 中的“WHERE EXISTS”运算符?
- javascript - 使用 JQuery Click() 时无法传递事件
- java - 如何使用 Java 将 MongoDB 对象 ID 转换为 Java Date 或 Instant
- python - 列表迭代中的关键错误
- reverse-proxy - 如何将traefik配置为单域多路径的反向代理
- javascript - 在由 componentDidMount 创建的 React 中切换折叠