用php,js的confirm方法写一个删除功能,点击删除时提示用户是否删除
时间: 2024-02-22 16:58:11 浏览: 26
很抱歉,PHP无法编写操作系统,它是一种服务器端脚本语言,用于开发Web应用程序。关于你的删除功能问题,以下是一个JavaScript代码示例,它使用confirm方法实现了一个删除功能:
```html
<button onclick="deleteItem()">删除</button>
<script>
function deleteItem() {
if (confirm("确定要删除吗?")) {
// 用户点击了确定按钮
// 在这里写下删除该项的代码
} else {
// 用户点击了取消按钮
// 在这里写下取消删除的代码
}
}
</script>
```
当用户点击删除按钮时,会显示一个带有“确定”和“取消”按钮的对话框。如果用户点击了“确定”按钮,则会执行删除该项的代码;如果用户点击了“取消”按钮,则不会执行任何操作。
相关问题
用php制作一个删除数据的功能,并在用户点击删除的时候提示是否删除,给予用户两个选项
好的,可以使用以下的代码实现:
HTML代码:
```
<button class="delete-button" data-id="1">删除数据</button>
```
PHP代码:
```php
<?php
// 判断是否有数据被删除
if(isset($_POST['delete'])){
// 连接数据库
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
$conn = new mysqli($servername, $username, $password, $dbname);
// 检测连接
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
// 获取要删除的数据的ID
$id = intval($_POST['id']);
// 删除数据
$sql = "DELETE FROM myTable WHERE id = $id";
if ($conn->query($sql) === TRUE) {
echo "数据删除成功";
} else {
echo "数据删除失败: " . $conn->error;
}
$conn->close();
}
// 显示确认删除的对话框
if(isset($_GET['id'])){
$id = intval($_GET['id']);
echo "<script>
var r=confirm('确定要删除该数据吗?');
if (r==true) {
document.location.href='delete.php?id=$id';
} else {
document.location.href='index.php';
}
</script>";
}
?>
```
JS代码:
```javascript
<script>
// 给删除按钮绑定点击事件
var deleteButtons = document.querySelectorAll(".delete-button");
for (var i = 0; i < deleteButtons.length; i++) {
deleteButtons[i].addEventListener('click', function(e) {
var id = e.target.getAttribute("data-id");
document.location.href='delete.php?id=' + id;
});
}
</script>
```
以上代码实现了以下功能:
- 用户点击删除按钮后,弹出确认删除的对话框,给予用户两个选项。
- 用户点击确认删除后,向服务器发送删除数据的请求,并提示删除成功或删除失败。
- 用户点击取消删除后,返回主页。
easyui框架写一个删除功能
要在EasyUI框架中实现删除功能,你可以使用DataGrid组件提供的工具栏按钮和行操作按钮。以下是一个示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>文件资源管理系统</title>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-easyui/1.9.21/themes/default/easyui.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easyui/1.9.21/jquery.easyui.min.js"></script>
</head>
<body>
<h2>文件资源管理系统</h2>
<table id="fileTable" class="easyui-datagrid" style="width:500px;height:300px"
url="get_files.php" toolbar="#toolbar" pagination="true" rownumbers="true" fitColumns="true">
<thead>
<tr>
<th field="name" width="50%">文件名</th>
<th field="size" width="30%">大小</th>
<th field="dateModified" width="20%">修改日期</th>
<th field="action" width="10%">操作</th>
</tr>
</thead>
</table>
<div id="toolbar">
<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true">上传文件</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true">重命名</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="deleteFile()">删除文件</a>
</div>
<script type="text/javascript">
function deleteFile() {
var selectedRow = $('#fileTable').datagrid('getSelected');
if (selectedRow) {
$.messager.confirm('确认', '确定要删除选中的文件吗?', function(r) {
if (r) {
// 发送删除请求到服务器
// 这里需要你实现相应的服务器端接口来处理文件删除
$.post('delete_file.php', { fileId: selectedRow.id }, function(result) {
if (result.success) {
// 删除成功后刷新数据表格
$('#fileTable').datagrid('reload');
} else {
$.messager.alert('错误', '删除文件失败!', 'error');
}
}, 'json');
}
});
} else {
$.messager.alert('提示', '请先选择要删除的文件!', 'info');
}
}
$(function(){
$('#fileTable').datagrid({});
});
</script>
</body>
</html>
```
上述代码中,我们给DataGrid添加了一个操作列,其中放置了一个"删除文件"的按钮。当用户点击删除按钮时,会弹出确认对话框,询问用户是否确定要删除选中的文件。如果用户确认删除,则会向服务器发送一个异步请求来执行文件删除操作。在服务器端,你需要实现相应的接口(例如`delete_file.php`)来处理文件删除的逻辑。
请注意,上述示例中的服务器端接口和数据源URL需要根据你的实际情况进行调整。另外,还需要引入EasyUI的messager组件来显示提示框。确保EasyUI框架已正确加载和初始化。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
<!DOCTYPE html> <?php require_once('MkEncrypt.php'); MkEncrypt('1234'); //这个就是密码 ?> <html> <head> <meta charset="UTF-8"> <title>GOLA 2.0</title> </head> <style type="text/css"> .wrapper {width: 1000px;margin: 20px auto;} h2 {text-align: center;} .add {margin-bottom: 20px;} .add a {text-decoration: none;color: #fff;background-color: green;padding: 6px;border-radius: 5px;} td {text-align: center;} </style> <body> GOLA 2.0 ID 用户呀 手机呀 刷新密码 总资 可用 操作 <?php // 1.导入配置文件 require "dbconfig.php"; // 2. 连接mysql $link = @mysql_connect(HOST,USER,PASS) or die("提示:数据库连接失败!"); // 选择数据库 mysql_select_db(DBNAME,$link); // 编码设置 mysql_set_charset('utf8',$link); // 3. 从DBNAME中查询到user数据库,返回数据库结果集,并按照addtime降序排列 $sql = 'select * from user order by id asc'; // 结果集 $result = mysql_query($sql,$link); // var_dump($result);die; // 解析结果集,$row为新闻所有数据,$userNum为新闻数目 $userNum=mysql_num_rows($result); for($i=0; $i<$userNum; $i++){ $row = mysql_fetch_assoc($result); echo ""; echo "{$row['id']} "; echo "{$row['agent_name']} "; echo "{$row['phone']} "; echo "{$row['with_pwd']} "; echo "{$row['user_amt']} "; echo "{$row['enable_amt']} "; echo " 删除 修改 "; echo " "; } // 5. 释放结果集 mysql_free_result($result); mysql_close($link); ?> <script type="text/javascript"> function del (id) { if (confirm("确定删除这条新闻吗?")){ window.location = "action-del.php?id="+id; } } </script> </body> </html> 美化一下页面
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)