Javascript 如何在用户删除之前为其添加确认消息？

我一直在尝试创建一个用户可以添加、编辑和删除数据的页面。我有非常基础的知识，需要一些帮助来创建一条确认消息，询问用户是否确定要继续。（关于如何格式化存储数据的表的任何提示都会非常有用！）

//index.php
crudajaxphp



插入数据
&时代；
插入数据
全名
电子邮件
电话
地址
接近
拯救

身份证件
名称
电子邮件
电话
地址
行动
函数saveData（）{
变量名称=$（'#nm'）.val（）；
var email=$（'#em'）.val（）；
var phone=$（'#hp'）.val（）；
变量地址=$（'#al'）.val（）；
$.ajax({
类型：“POST”，
url:“server.php？p=add”，
数据：“nm=“+name+”&em=“+email+”&hp=“+phone+”&al=“+address，
成功：功能（数据）{
viewData（）；
}
});
}
函数viewData（）{
$.ajax({
键入：“获取”，
url:“server.php”，
成功：功能（数据）{
$（'tbody'）.html（数据）；
}
});
}
函数更新数据（str）{
var-id=str；
var name=$（'#nm-'+str）.val（）；
var email=$（'#em-'+str）.val（）；
var phone=$（'#hp-'+str）.val（）；
变量地址=$（'#al-'+str）.val（）；
$.ajax({
类型：“POST”，
url:“server.php？p=edit”，
数据：“nm=“+name+”&em=“+email+”&hp=“+phone+”&al=“+address+”&id=“+id，
成功：功能（数据）{
viewData（）；
}
});
}
函数deleteData（str）{
var-id=str；
$.ajax({
键入：“获取”，
url:“server.php？p=del”，
数据：“id=”+id，
成功：功能（数据）{
viewData（）；
}
});
}

//server.php

<?php $db=new PDO( 'mysql:host=localhost;dbname=test', 'root', 'root'); $page=isset($_GET[ 'p'])? $_GET[ 'p']: '';

if($page=='add' ){ 
$name=$ _POST[ 'nm']; 
$email=$ _POST[ 'em']; 
$phone=$ _POST[ 'hp']; 
$address=$ _POST[ 'al']; 
$stmt=$db->prepare("insert into crud values('',?,?,?,?)"); 
$stmt->bindParam(1,$name); 
$stmt->bindParam(2,$email); 
$stmt->bindParam(3,$phone); $stmt->bindParam(4,$address);

if($stmt->execute()){ 
  echo "Success add data"; 
}
else{ 
  echo "Fail add data"; 
} 
  } 
else if ($page=='edit')
{ 
$id= $_POST['id']; 
$name= $_POST['nm']; 
$email= $_POST['em']; 
$phone= $_POST['hp']; 
$address= $_POST['al']; 
$stmt=$db->prepare("update crud set name=?, email=?, phone=?, address=? where id=?"); 
$stmt->bindParam(1,$name); 
$stmt->bindParam(2,$email);
$stmt->bindParam(3,$phone); 
$stmt->bindParam(4,$address); 
$stmt->bindParam(5,$id); 

if($stmt->execute()){ 
  echo "Success update data"; 
}
else{ 
  echo "Fail update data"; 
} 
  } 
else if ($page=='del') 
{ 
  $id = $_GET['id']; 
  $stmt = $db->prepare("delete from crud where id=?"); 
  $stmt->bindParam(1,$id); 
  if($stmt->execute()){ 
  echo "Success delete data"; 
}
else{ 
  echo "Fail delete data"; 
} 
  }
else{ 
$stmt = $db->prepare("select * from crud order by id desc"); $stmt->execute(); while($row = $stmt->fetch()){ ?>
<tr>
  <td>
    <?php echo $row['id'] ?>
  </td>
  <td>
    <?php echo $row['name'] ?>
  </td>
  <td>
    <?php echo $row['email'] ?>
  </td>
  <td>
    <?php echo $row['phone'] ?>
  </td>
  <td>
    <?php echo $row['address'] ?>
  </td>
  <td>
<button class="btn btn-warning" data-toggle="modal" 
        data-target="#edit-<?php echo $row['id']?>">Edit</button>
<!-- Modal -->
  <div class="modal fade" id="edit-<?php echo $row['id'] ?>" tabindex="-1" role="dialog" aria-labelledby="editLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
 <button type="button" class="close" data-dismiss="modal" 
         aria-label="Close"><span aria-hidden="true">&times;</span></button>

<h4 class="modal-title" id="editLabel-<?php echo $row['id'] ?>">Edit Data</h4>
  </div>
<form>
  <div class="modal-body">
<input type="hidden" class="form-control" id="<?php echo $row['id'] ?>" value="<?php echo $row['name'] ?>">

<div class="form-group"><label for="nm">Full Name</label>
  <input type="text" class="form-control" id="nm-<?php echo $row['id'] ?>" value="<?php echo $row['name'] ?>">
</div>

<div class="form-group"><label for="em">Email</label>
  <input type="email" class="form-control" id="em-<?php echo $row['id'] ?>" value="<?php echo $row['email'] ?>">
</div>

<div class="form-group">
  <label for="hp">Phone</label>
    <input type="number" class="form-control" id="hp-<?php echo $row['id'] ?>" value="<?php echo $row['phone'] ?>">
</div>

<div class="form-group">
  <label for="al">Address</label>
<textarea class="form-control" id="al-<?php echo $row['id'] ?>" placeholder="Alamat"><?php echo $row[ 'address'] ?>
</textarea>
  </div>
    </div>
<div class="modal-footer">
<button type="button" class="btn btn-default" 
        data-dismiss="modal">Close</button>
 <button type="submit" onclick="updateData(<?php echo $row['id'] ?>)" class="btn btn-primary">Update</button>
</div>
  </form>
    </div>
    </div>
    </div>
<button onclick="deleteData(<?php echo $row['id'] ?>)" 
        class="btn btn-danger">Delete</button>
  </td>
</tr>
<?php 
} 
} 
?>

---

javascript中有一个非常酷的函数叫做
confirm（）
，只需像这样使用它：

if(confirm("are you sure you want to delete ? ")) {
//do stuff
}

javascript中有一个非常酷的函数叫做
confirm（）
，只需像这样使用它：

if(confirm("are you sure you want to delete ? ")) {
//do stuff
}

谢谢你的回复Nicolas，我需要哪个文件来实现这个？@Adam Nothing这是纯javascriptoh ok cool，你能给我一些关于如何执行“do stuff”部分的建议吗？@Adam我不知道你的代码是如何工作的，但是如果你使用Ajax请求发送关于你想要删除的记录的信息，您的请求应该在
do stuff
注释所在的位置。可能获取记录Id并通过AJAX将其发送到服务器，然后刷新页面以删除它。这取决于你。谢谢你的回复Nicolas，我需要哪个文件来实现它？@Adam Nothing这是纯JavaScripto哦，好的，你能给我一些关于如何执行“做事情”部分的建议吗？@Adam我不知道你的代码是如何工作的，但是如果你使用Ajax请求发送关于你想要删除的记录的信息，您的请求应该在
do stuff
注释所在的位置。可能获取记录Id并通过AJAX将其发送到服务器，然后刷新页面以删除它。这取决于你。