jquery的ajax，简直简单！！只要一个$.get(url,map,function)就搞定了！

index.php:

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Document</title>

     <script src="jquery.js"></script>

 </head>

 <body>

     <table border="1px" cellspacing="0">

         <tr>

             <td>id</td>

             <td>用户名</td>

             <td>密码</td>

         </tr>

         <?php

             $pdo = new PDO("mysql:host=localhost;dbname=userlist","root","jia6181813");

             $sql = "SELECT * FROM users";

             $obj = $pdo->query($sql);

             while($row=$obj->fetch()){

                 echo "<tr>";

                 echo "<td>$row[id]</td>";

                 echo "<td>$row[name]</td>";

                 echo "<td>$row[password]</td>";

                 echo "<td><a href='javascript:' name='$row[id]'>删除</a></td>";

                 echo "</tr>";

             }

          ?>

     </table>

 </body>

 <script>

     $('a').click(function(){

         //这个地方点击删除的a链接，取得里面name属性的id值，用来xhr.open里面的url。如果不这么做，就得循环遍历所有a链接，还要添加一个存放id的类，具体参考php里的ajax操作。

         //这地方可以直接用this.name，this指代这个a标签，可以点出它的所有属性。

         var id = $(this).attr('name');

         //that的运用，因为在下面的函数里面$(this)已经变了

         var that = $(this);

         //jquery的ajax，$.get和$.post，参数有三个：url，url传值参数，接收返回值r的回调函数。

         $.get("delete.php",{id:id},function(r){

             if (r==1) {

                 //hide可以加个时间

                 // that.parent().parent().hide(1000);

                 //fadeOut也可以

                 that.parent().parent().fadeOut(1000);

             }else{

                 alert(123);

             }

         });

     });

 </script>

 </html>

delete.php:这个不用改

<?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>";

 ?>

Jquery学习笔记（11）--jquery的ajax删除用户，非常简单！的更多相关文章

  1. Jquery学习笔记（10）--ajax删除用户，使用了js原生ajax

    主要复习了php的pdo数据库操作,和js的ajax,真麻烦,希望jquery的ajax简单点. index.php: <!DOCTYPE html> <html lang=&quo ...

  2. jQuery学习笔记之jQuery的Ajax（3）

    jQuery学习笔记之jQuery的Ajax(3) 6.jQuery的Ajax插件 源码地址: https://github.com/iyun/jQueryDemo.git ------------- ...

  3. jQuery 学习笔记：jQuery 代码结构

    jQuery 学习笔记:jQuery 代码结构 这是我学习 jQuery 过程中整理的笔记,这一部分主要包括 jQuery 的代码最外层的结构,写出来整理自己的学习成果,有错误欢迎指出. jQuery ...

  4. jQuery学习笔记(一)jQuery选择器

    目录 jQuery选择器的优点 基本选择器 层次选择器 过滤选择器 表单选择器 第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQue ...

  5. jQuery学习笔记(二)jQuery中DOM操作

    目录 DOM操作分类 jQuery中的各种DOM操作 查找节点 创建节点 删除节点 复制节点 替换节点 包裹节点 属性操作 样式操作 对HTML.文本和值的操作 遍历节点 CSS-DOM操作 小结 本 ...

  6. JQuery学习笔记（4）——ajax

    AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML) 原生 例子 点击按钮,访问服务器上的ajax_info.txt文件,获得txt ...

  7. jQuery学习笔记（jquery.ui插件）

    官网地址:http://ui.jquery.com/ jQuery UI源自于一jQuery插件-Interface.目前版本是1.10.3,需要jQuery 1.6以上版本支持. jQuery UI ...

  8. jQuery学习笔记（jquery.form插件）

    官网: http://malsup.com/jquery/form/ jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Fo ...

  9. jQuery学习笔记之jQuery.fn.init()的参数分析

    这篇文章主要介绍了jQuery.fn.init()的参数分析,需要的朋友可以参考下   从return new jQuery.fn.init( selector, context, rootjQuer ...

  10. jQuery学习笔记（jquery.simplemodal插件）

    官网地址:http://www.ericmmartin.com/ SimpleModal是一个轻量级的jQuery插件,它为模式窗口的开发提供了一个强有力的接口,可以把它当作模式窗口的框架.Simpl ...

随机推荐

  1. MYSQL LIMIT 用法详解

    在mysql的limit用法中,网上有这样的论述: "//为了检索从某一个偏移量到记录集的结束所有的记录行,可以指定第二个参数为 -1: mysql>SELECT * FROM tab ...

  2. Linux驱动mmap内存映射

    mmap在linux哪里? 什么是mmap? 上图说了,mmap是操作这些设备的一种方法,所谓操作设备,比如IO端口(点亮一个LED).LCD控制器.磁盘控制器,实际上就是往设备的物理地址读写数据. ...

  3. vue中引入第三方字体图标库iconfont，及iconfont引入彩色图标

    iconfont字体图标使用就不多说了,大致是几部: 1.在iconfont官网选图标,加入购物车,加入项目,下载到本地,解压 2.在项目assets目录新建目录iconfont,用于存放刚才下载解压 ...

  4. 使用FreeMarker的Web Project例子

    1 创建一个名为FreemarkerDemo的Web Project 2 删除index.jsp,新建index.html,index.html中的内容为: <html> <head ...

  5. （转）Scala的“=>”符号简介

    Scala中的=>符号可以看做是创建函数实例的语法糖.例如:A => T,A,B => T表示一个函数的输入参数类型是“A”,“A,B”,返回值类型是T.请看下面这个实例: scal ...

  6. C# 继承实现父类方法、重写、重载

    继承是派生类(子类)去实现(重写<override>.重构<new>)基类(父类)的方法或属性.从而获取在派生类中要实现的功能. 子类调用父类构造方法,在父类中有个实现姓名和年 ...

  7. [ES6] 07. Default Value for function param

    Normally, we can set default value for function param: //Here use "Hello" as default param ...

  8. VC在windows中打开文件夹并选中文件

    网上一位前辈高人的一段精髓代码让我眼前一亮…… ShellExecute(NULL, "open", "explorer.exe", "/select ...

  9. Win7如何更改网络位置，如何加入或创建家庭组

    1 打开网络和共享中心,点击连接上网的哪一个网络,点击把公用网络改为家庭网络   2 依次执行下一步     3 如果是加入一个家庭组,则输入家庭组的密码,否则将得到一个家庭组的密码   4 加入成功 ...

  10. java中的初始化块

    public class Person { int a=6;//声明实例变量制定默认值,也可以认为是对象的初始化代码,执行顺序与源代码中的排列顺序相同 { System.out.println(&qu ...