php - 如何在jquery中运行php删除查询而不刷新页面

Question

我想使用 PHP 从数据库中删除值。

使用表格行并放置一个像“删除”onClick='window.location='page.php?action=del&id=1'这样的按钮，我在 PHP 中创建了一个类似 and 的函数来删除。

if($_REQUEST['action'] == 'del'){
     $req_id = $_REQUEST['id'];
     $del_query = mysql_query("DELETE FROM table WHERE id='$req_id'");
}

它运行良好，但我不想刷新页面。请告诉我如何在不刷新页面的情况下做到这一点？

Answer 1

<button id='delete'>Click Me To Delete</button>

 $('#delete').on('click',function(){

 $.ajax({
    type:'POST',
    url:'page.php',
    data:'action=del&id=1',
    success:function(result){
              //Deleted  
    }

  });

 });

Answer 2

尝试这个：

<a href="javascript:void(0);" onclick="if('Are you sure you want to delete?'){delData(this,1);}">delete</a>

<script type="text/javascript">
function delData(control,id){
  $.ajax({type:'POST', url:'page.php?action=del&id='+id, success:function(result){
   //alert('deleted');
     $(control).parents('table').eq(0).remove();
   }
  });
}
<script>

笔记：

1. 您需要为此添加 jQuery 文件。
2. 这个过程称为ajax。去谷歌上查询。
3. 然后尝试在 post 参数中而不是在查询字符串中传递数据。

更新：请注意，现在“this”作为该控件的引用传递给方法 delData。