Jquery學習筆記（11）--jquery的ajax刪除用戶，很是簡單！

時間 2019-11-10

標籤 jquery 學習筆記 ajax 刪除用戶很是簡單欄目 JQuery 简体版

原文原文鏈接

jquery的ajax，簡直簡單！！只要一個$.get(url,map,function)就搞定了！javascript

index.php:php

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <script src="jquery.js"></script>
 7 </head>
 8 <body>
 9     <table border="1px" cellspacing="0">
10         <tr>
11             <td>id</td>            
12             <td>用戶名</td>            
13             <td>密碼</td>            
14         </tr>
15         <?php 
16             $pdo = new PDO("mysql:host=localhost;dbname=userlist","root","jia6181813");
17             $sql = "SELECT * FROM users";
18             $obj = $pdo->query($sql);
19             while($row=$obj->fetch()){
20                 echo "<tr>";
21                 echo "<td>$row[id]</td>";
22                 echo "<td>$row[name]</td>";
23                 echo "<td>$row[password]</td>";
24                 echo "<td><a href='javascript:' name='$row[id]'>刪除</a></td>";
25                 echo "</tr>";
26             }
27             
28          ?>
29     </table>
30 </body>
31 <script>
32     $('a').click(function(){
33         //這個地方點擊刪除的a連接，取得裏面name屬性的id值，用來xhr.open裏面的url。若是不這麼作，就得循環遍歷全部a連接，還要添加一個存放id的類，具體參考php裏的ajax操做。
34         //這地方能夠直接用this.name，this指代這個a標籤，能夠點出它的全部屬性。
35         var id = $(this).attr('name');
36         
37         //that的運用，由於在下面的函數裏面$(this)已經變了
38         var that = $(this);
39         //jquery的ajax，$.get和$.post，參數有三個：url，url傳值參數，接收返回值r的回調函數。
40         $.get("delete.php",{id:id},function(r){
41             if (r==1) {
42                 //hide能夠加個時間
43                 // that.parent().parent().hide(1000);
44                 //fadeOut也能夠
45                 that.parent().parent().fadeOut(1000);
46                 
47             }else{
48                 alert(123);
49             }
50         });
51     });
52 </script>
53 </html>

delete.php:這個不用改html

<?php 
    $id = $_GET[id];
    $pdo = new PDO("mysql:host=localhost;dbname=userlist","root","123");
    $sql = "DELETE FROM users WHERE id = $id";
    // $pdo->query($sql);
    if ($pdo->query($sql)) {
        //這裏是echo，不是return！！
        echo 1;
    }else{
        echo 0;
    }
    //後面這句不能要啦！否則輸出就不是1了，後面跟了一串。。。
    // echo "<script>location='index.php'</script>";
 ?>