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

index.php:

  1. 1 <!DOCTYPE html>
  2. 2 <html lang="en">
  3. 3 <head>
  4. 4 <meta charset="UTF-8">
  5. 5 <title>Document</title>
  6. 6 <script src="jquery.js"></script>
  7. 7 </head>
  8. 8 <body>
  9. 9 <form action="regist.php" method="get">
  10. 10 <span>用户名</span>
  11. 11 <input type="text" name="username">
  12. 12 <span>用户名重复</span>
  13. 13 <br>
  14. 14 <br>
  15. 15 <span>密码</span>
  16. 16 <input type="text" name="password">
  17. 17 <br>
  18. 18 <input type="submit" value="提交">
  19. 19 </form>
  20. 20 <table border="1px" cellspacing="0">
  21. 21 <tr>
  22. 22 <td>id</td>
  23. 23 <td>用户名</td>
  24. 24 <td>密码</td>
  25. 25 </tr>
  26. 26 <?php
  27. 27 $pdo = new PDO("mysql:host=localhost;dbname=userlist","root","jia6181813");
  28. 28 $sql = "SELECT * FROM users";
  29. 29 $obj = $pdo->query($sql);
  30. 30 while($row=$obj->fetch()){
  31. 31 echo "<tr>";
  32. 32 echo "<td>$row[id]</td>";
  33. 33 echo "<td>$row[name]</td>";
  34. 34 echo "<td>$row[password]</td>";
  35. 35 echo "<td><a href='javascript:' name='$row[id]'>删除</a></td>";
  36. 36 echo "</tr>";
  37. 37 }
  38. 38
  39. 39 ?>
  40. 40 </table>
  41. 41 </body>
  42. 42 <script>
  43. 43 $('a').click(function(){
  44. 44 //这个地方点击删除的a链接,取得里面name属性的id值,用来xhr.open里面的url。如果不这么做,就得循环遍历所有a链接,还要添加一个存放id的类,具体参考php里的ajax操作。
  45. 45 var id = $(this).attr('name');
  46. 46 var xhr = new XMLHttpRequest();
  47. 47 xhr.open("get","delete.php?id="+id,true);
  48. 48 xhr.send();
  49. 49 //that的运用,因为在下面的函数里面$(this)已经变了
  50. 50 var that = $(this);
  51. 51 xhr.onreadystatechange = function(){
  52. 52 if (xhr.readyState==4) {
  53. 53 r = xhr.responseText;
  54. 54 if (r=='1') {
  55. 55 that.parent().parent().hide();
  56. 56 }else{
  57. 57 alert(123);
  58. 58 }
  59. 59 }
  60. 60 }
  61. 61 });
  62. 62 </script>
  63. 63 </html>

delete.php:

  1. 1 <?php
  2. 2 $id = $_GET[id];
  3. 3 $pdo = new PDO("mysql:host=localhost;dbname=userlist","root","123");
  4. 4 $sql = "DELETE FROM users WHERE id = $id";
  5. 5 // $pdo->query($sql);
  6. 6 if ($pdo->query($sql)) {
  7. 7 //这里是echo,不是return!!
  8. 8 echo 1;
  9. 9 }else{
  10. 10 echo 0;
  11. 11 }
  12. 12 //后面这句不能要啦!不然输出就不是1了,后面跟了一串。。。
  13. 13 // echo "<script>location='index.php'</script>";
  14. 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. 野路子出身PowerShell 文件操作实用功能

    本文出处:http://www.cnblogs.com/wy123/p/6129498.html 因工作需要,处理一批文件,本想写C#来处理的,后来想想这个是PowerShell的天职,索性就网上各种 ...

  2. ChatSecure

    ChatSecure是一个免费和开源消息传递应用程序的特性 OTR加密在 XMPP. 你可以连接到现有的谷歌帐户或创建新帐户 公共XMPP服务器(包括通过 Tor),甚至 连接到您自己的服务器额外的安 ...

  3. afxcomctl32.h与afxcomctl32.inl报错

    afxcomctl32.h与afxcomctl32.inl报错 编译公司一个几年前的老项目,是从VC6.0升级到VS2005的. 1.编译时报缺少头文件,于是附件包含目录,于是出现了以下报错: 1&g ...

  4. asp.net实现图片在线上传并在线裁剪

    1.说明 接上一篇文章uploadify实现多附件上传完成后,又突然用到头像上传并在线裁剪.在网上找个众多例子都没有符合要求的,有一篇文章写的不错,就是文旺老兄写的这篇Asp.Net平台下的图片在线裁 ...

  5. DateHelper.cs日期时间操作辅助类C#

    //==================================================================== //** Copyright © classbao.com ...

  6. SpringMVC的执行流程(二)

    文字解析: 1.客户端发出一个http请求给web服务器,web服务器对http请求进行解析,如果匹配 DispatcherServlet的请求映射路径(在web.xml中指定),web容器将请求转交 ...

  7. C#中日期和时间相加的方法

    可能对于初入此行业人来说有些困惑,实现起来有一丝复杂. 比如说时间是:2016-08-05 14:46:30,中间过了56秒钟.要求得出56秒之后的时间格式是:年月日时分秒 下面介绍最简单的办法, m ...

  8. 移动端web自适应解决方案: adaptive.js

    代码有更新,最好直接查看github github:https://github.com/finance-sh/adaptive adaptivejs利用rem解决移动端页面开发的自适应问题 页面模板 ...

  9. 从Java String实例来理解ANSI、Unicode、BMP、UTF等编码概念

    转(http://www.codeceo.com/article/java-string-ansi-unicode-bmp-utf.html#0-tsina-1-10971-397232819ff9a ...

  10. JavaScript Array数组方法详解

    Array类型是ECMAScript中最常用的引用类型.ECMAScript中的数据与其它大多数语言中的数组有着相当大的区别.虽然ECMAScript中的数据与其它语言中的数组一样都是数据的有序列表, ...