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. 使用weinre调试手机页面

    阅读目录 介绍Weinre 安装Weinre 通过Weinre调试页面 启动target 介绍Weinre Weinre(Web Inspector Remote),是一种远程调试工具.功能与Fire ...

  2. [转]sa不能远程连接sql server 2008的解决办法

    本文转自:http://www.cnblogs.com/chendaoyin/archive/2012/08/25/2656900.html 方法: 开始->Microsoft SQL Serv ...

  3. [转]How to solve SSIS error code 0xC020801C/0xC004700C/0xC0047017

    本文转自:http://www.codeproject.com/Articles/534651/HowplustoplussolveplusSSISpluserrorpluscodeplus0xC B ...

  4. DevExpress 中 DateEdit 控件 格式化显示和编辑的日期格式为: yyyy-MM-dd

    摘自: http://blog.sina.com.cn/s/blog_76b5256c0100zkwk.html 1需要显示的日期为2012年3月12日需要如下设置 Properties-Mask-E ...

  5. Razor语法(二)

    I:ASP.NET MVC3在Visual Studio 2010中的变化 在VS2010中新建一个MVC3项目可以看出与以往的MVC2发生了很明显的变化. 1.ASP.NET MVC3必要的运行环境 ...

  6. JVM类加载机制详解（一）JVM类加载过程

    http://blog.csdn.net/zhangliangzi/article/details/51319033 http://chenzhou123520.iteye.com/blog/1597 ...

  7. PHP定时执行计划任务

    一.Windows计划任务 在web 服务下新建需要执行的文件 二.新建bat文件,命名为test.bat,内容如下: D:\php\php.exe -q D:\website\test.php 三. ...

  8. Lidgren Network Library

    Lidgren Network Library Classes   Class Description NetAESEncryption AES encryption NetBitVector Fix ...

  9. string 与BigDecimal互转

    小编知道在java中数据类型非常 的严格了,我们如果一个地方不小心就会导致应用出问题了,今天 小编就在string 转BigDecimal上碰到了一些问题,下面整理了几个例子大家一起来看看.   例子 ...

  10. limit是mysql的语法

    select * from table limit m,n 其中m是指记录开始的index,从0开始,表示第一条记录 n是指从第m+1条开始,取n条. , 即取出第3条至第6条,4条记录 转自:htt ...