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

时间：2022-12-30 11:07:38

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

index.php:

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Document</title>

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

 </head>

 <body>

     <form action="regist.php" method="get">

         <span>用户名</span>

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

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

         <br>

         <br>

         <span>密码</span>

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

         <br>

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

     </form>

     <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操作。

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

         var xhr = new XMLHttpRequest();

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

         xhr.send();

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

         var that = $(this);

         xhr.onreadystatechange = function(){

             if (xhr.readyState==4) {

                 r = xhr.responseText;

                 if (r=='1') {

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

                 }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学习笔记（10）--ajax删除用户，使用了js原生ajax的更多相关文章

  1. ajax多文件上传&comma;js原生ajax请求&lpar;转&rpar;

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

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

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

  3. Spring MVC 学习笔记10 —— 实现简单的用户管理（4&period;3）用户登录显示全局异常信息

    </pre>Spring MVC 学习笔记10 -- 实现简单的用户管理(4.3)用户登录--显示全局异常信息<p></p><p></p>& ...

  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概述    宗旨: Write Less, Do More.    基础知识:        1.符号$代替document.getElementById( ...

  8. jQuery学习笔记&lpar;一&rpar;jQuery选择器

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

  9. 《C&plus;&plus; Primer Plus》学习笔记10

    <C++ Primer Plus>学习笔记10 <<<<<<<<<<<<<<<<<&l ...

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

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

随机推荐

  1. 浏览器JS脚本

    javascript: void((function() { alert("zeze"); })()) javascript:

  2. 后缀数组 POJ 2406 Power Strings

    题目链接 题意:连续重复子串.给定一个字符串 L,已知这个字符串是由某个字符串 S 重复 R 次而得到的(L = S^R ), 求 R 的最大值. 分析:枚举长度,判断条件是能被总长度整除且LCP ( ...

  3. 用Backbone&period;js创建一个联系人管理系统&lpar;二&rpar;

    欢迎大家回来继续这一教程,第一部分我们学习了model,collection和view在Backbone中的 基本用法,还有怎么样用主视图去绑定collection去渲染出每个Contact. 这部分 ...

  4. 原创翻译：蓝牙（BLE）for iOS

    About Core Bluetooth 简要:核心蓝牙框架提供了iOS和MAC 应用程序与BLE 设备进行无线通信所需要的类.通过该框架,应用程序可以扫描.发现BLE 外设,如心率.电子温度传感器等 ...

  5. 一条执行4秒的sql语句导致的系统问题 &lpar;转&rpar;

    为了一看究竟,抓取了一个awr报告.发现系统的负载情况确实很严重,每秒的redo有1.6M,可见系统的负载不是主要在select上,可能有一些dml之类的操作极为频繁. 看了下等待事件.都是关于loc ...

  6. ThreadPool

    private void button6_Click(object sender, EventArgs e) { ThreadPool.SetMinThreads(, ); ThreadPool.Se ...

  7. 以方法调用的原理解释Ruby中&OpenCurlyDoubleQuote;puts &OpenCurlyQuote;Hello&OpenCurlyQuote;”

    这里尽管缺少消息发送所需要的点(.)以及该消息的显示接收者,却依然发送了消息puts并传递了参数“Hello”给一个对象:默认对象self.在程序运行期间,虽然作为self的对象通过特定规则发生改变, ...

  8. JDK自带jvisualvm监控工具

    定位 工具位于jdk\bin目录下(双击运行): 可以本地或者远程调试,本地调试会自动加载,远程调试需要配置.下面以Tomcat为例. 概述 监视 线程 抽样器 Java 堆 百度经验参考:https ...

  9. shell-url-decode

    查询每个小时的clk ,然后获取对应的字段 #!/bin/bash urldecode(){ echo -e "$(sed 's/+/ /g;s/%\(..\)/\\x\1/g;')&quo ...

  10. php根据命令行参数生成配置文件

    像npm, composer等工具,在开始使用的使用,都需要初始化项目,生成一个项目的配置文件.这种功能的原理是怎么实现的呢? 比如: D:\>npm init --yes Wrote to D ...

相关文章