主要复习了php的pdo数据库操作，和js的ajax，真麻烦，希望jquery的ajax简单点。

index.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     <form action="regist.php" method="get">

10         <span>用户名</span>

11         <input type="text" name="username">

12         <span>用户名重复</span>

13         <br>

14         <br>

15         <span>密码</span>

16         <input type="text" name="password">

17         <br>

18         <input type="submit" value="提交">

19     </form>

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

21         <tr>

22             <td>id</td>

23             <td>用户名</td>

24             <td>密码</td>

25         </tr>

26         <?php

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

28             $sql = "SELECT * FROM users";

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

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

31                 echo "<tr>";

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

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

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

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

36                 echo "</tr>";

37             }

38

39          ?>

40     </table>

41 </body>

42 <script>

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

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

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

46         var xhr = new XMLHttpRequest();

47         xhr.open("get","delete.php?id="+id,true);

48         xhr.send();

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

50         var that = $(this);

51         xhr.onreadystatechange = function(){

52             if (xhr.readyState==4) {

53                 r = xhr.responseText;

54                 if (r=='1') {

55                     that.parent().parent().hide();

56                 }else{

57                     alert(123);

58                 }

59             }

60         }

61     });

62 </script>

63 </html>

delete.php:

 1 <?php

 2     $id = $_GET[id];

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

 4     $sql = "DELETE FROM users WHERE id = $id";

 5     // $pdo->query($sql);

 6     if ($pdo->query($sql)) {

 7         //这里是echo，不是return！！

 8         echo 1;

 9     }else{

10         echo 0;

11     }

12     //后面这句不能要啦！不然输出就不是1了，后面跟了一串。。。

13     // echo "<script>location='index.php'</script>";

14  ?>
转载

Jquery学习笔记 --ajax删除用户，使用了js原生ajax的更多相关文章

  1. Jquery学习笔记：删除节点的操作

    假设如下的html代码 <div id="mydiv" style="width:100px;height:100px;border:1px solid red&q ...

  2. ajax多文件上传,js原生ajax请求(转)

    function uploadImageFile(){ var xhr = new XMLHttpRequest(); //定义表单变量 var file = document.getElementB ...

  3. jQuery学习笔记之Ajax用法详解

    这篇文章主要介绍了jQuery学习笔记之Ajax用法,结合实例形式较为详细的分析总结了jQuery中ajax的相关使用技巧,包括ajax请求.载入.处理.传递等,需要的朋友可以参考下 本文实例讲述了j ...

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

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

  5. jQuery学习笔记（一）：入门

      jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操 ...

  6. jQuery学习笔记 - 基础知识扫盲入门篇

    jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器 ...

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

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

  8. jQuery 学习笔记

    jQuery 学习笔记   一.jQuery概述    宗旨: Write Less, Do More.    基础知识:        1.符号$代替document.getElementById( ...

  9. JQuery学习笔记——层级选择器

    JQuery学习笔记--层级选择器 上一篇学习了基础的五种选择,分别是id选择器,class选择器,element选择器,*选择器 和 并列选择器.根据手册大纲,这篇学习的是层级选择器. 选择器: 1 ...

  10. jQuery学习笔记之插件开发（4）

    jQuery学习笔记之插件开发(4) github源码地址 插件:了让原有功能的增强. 1.插件的种类(3种):局部.全局.选择器插件 1.1封装对象方法的插件 这种类型的插件是把一些常用或者重复使用 ...

随机推荐

  1. [占位-未完成]scikit-learn一般实例之十:核岭回归和SVR的比较

    [占位-未完成]scikit-learn一般实例之十:核岭回归和SVR的比较

  2. Visual Studio 2013 Ultimate因为CodeLens功能导致Microsoft.Alm.Shared.Remoting.RemoteContainer.dll高CPU占用率的折中解决方案

    1.为什么Microsoft.Alm.Shared.Remoting.RemoteContainer.dll的CPU占用率以及内存使用率会那么高? 在Visual Studio 2013 Ultima ...

  3. MySQL设置服务器方法

    grant select,insert,update,delete on *.* to root@"%" Identified by "root";

  4. 灾难 bzoj 2815

    灾难(1s 128MB)catas [样例输入] 5 0 1 0 1 0 2 3 0 2 0 [样例输出] 4 1 0 0 0 题解: 主要算法:拓扑排序:最近公共祖先(Lca): 先跑出拓扑序 我们 ...

  5. android ImageView网络图片加载、动态设置尺寸、圆角..

    封装了一个关于ImageView的辅助类,该类可以方便实现网络图片下载的同时,动态设置图片尺寸.圆角.....一系列连贯的操作,无样式表,java代码实现所有功能,使用很方便. package com ...

  6. CentOS 6.7 如何启用中文输入法

    安装CentOS系统后,如何启用中文输入法呢?这个问题看起来简单,但对于Linux初学者来说,也可能不是一件容易的事.本文笔者和大家分享一下"CentOS 6.6 如何启用中文输入法&quo ...

  7. 关于fefo函数

    feof是C语言标准库函数函数,其原型在stdio.h中,其功能是检测流上的文件结束符. 函数原型: int feof(FILE *stream); 返回值:如果文件结束,则返回非0值,否则返回0 在 ...

  8. AlloyRenderingEngine燃烧的进度条

    写在前面 Github: https://github.com/AlloyTeam/AlloyGameEngine HTML 5新增了progress标签,那么再去使用AlloyRenderingEn ...

  9. 打造自定Select样式

    打造自定Select样式 我们为什么要自定义select样式? 1.select最大的一个缺陷就是不能自定义下拉按钮的样式. 效果图: 在线演示地址: http://www.smallui.com/j ...

  10. iOS之由身份证号返回性别

    该博文出自:http://www.cnblogs.com/yang-guang-girl/p/5683454.html - (void)viewDidLoad { [super viewDidLoad ...