Jquery学习笔记 --ajax删除用户，使用了js原生ajax
主要复习了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的更多相关文章
- Jquery学习笔记：删除节点的操作
假设如下的html代码 <div id="mydiv" style="width:100px;height:100px;border:1px solid red&q ...
- ajax多文件上传,js原生ajax请求(转)
function uploadImageFile(){ var xhr = new XMLHttpRequest(); //定义表单变量 var file = document.getElementB ...
- jQuery学习笔记之Ajax用法详解
这篇文章主要介绍了jQuery学习笔记之Ajax用法,结合实例形式较为详细的分析总结了jQuery中ajax的相关使用技巧,包括ajax请求.载入.处理.传递等,需要的朋友可以参考下 本文实例讲述了j ...
- jQuery学习笔记之jQuery的Ajax（3）
jQuery学习笔记之jQuery的Ajax(3) 6.jQuery的Ajax插件 源码地址: https://github.com/iyun/jQueryDemo.git ------------- ...
- jQuery学习笔记（一）：入门
jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操 ...
- jQuery学习笔记 - 基础知识扫盲入门篇
jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器 ...
- jQuery学习笔记(一)jQuery选择器
目录 jQuery选择器的优点 基本选择器 层次选择器 过滤选择器 表单选择器 第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQue ...
- jQuery 学习笔记
jQuery 学习笔记 一.jQuery概述 宗旨: Write Less, Do More. 基础知识: 1.符号$代替document.getElementById( ...
- JQuery学习笔记——层级选择器
JQuery学习笔记--层级选择器 上一篇学习了基础的五种选择,分别是id选择器,class选择器,element选择器,*选择器 和 并列选择器.根据手册大纲,这篇学习的是层级选择器. 选择器: 1 ...
- jQuery学习笔记之插件开发（4）
jQuery学习笔记之插件开发(4) github源码地址 插件:了让原有功能的增强. 1.插件的种类(3种):局部.全局.选择器插件 1.1封装对象方法的插件 这种类型的插件是把一些常用或者重复使用 ...
随机推荐
- 外边距塌陷之clearance
在一个BFC中,垂直方向上相邻的块级盒子产生外边距塌陷,本文要说一个特殊的外边距塌陷情况,即当垂直方向上,两个块级盒子之间有个浮动元素相隔时,这个时候会产生什么样的效果呢? .outer{ overf ...
- 代码的坏味道（7）——临时字段(Temporary Field)
坏味道--临时字段(Temporary Field) 特征 临时字段的值只在特定环境下有意义,离开这个环境,它们就什么也不是了. 问题原因 有时你会看到这样的对象:其内某个实例变量仅为某种特定情况而设 ...
- 移动WEB开发之viewport
问题: 在codepen上写了一个响应式页面,调试的时候没有问题.结果放到网站上,在手机上打开之后竟然和在电脑中的布局是一样的. 查阅资料之后知道响应式布局应该有这样一句话:<m ...
- PhpStorm集成xdebug进行断点调试
本文介绍如何使用PhpStorm集成xdebug在本地开发环境进行断点调试的技巧. 我配置的环境是:Windows10 + PhpStorm10.0.1 + PHP5.6. 1. 下载xdebug的扩 ...
- Yii 2.x RESTful 应用 - 类图
配置url管理器配置请求数据解析器配置用户控制器 ['GET', 'PUT', 'PATCH', 'DELETE', 'HEAD', 'OPTIONS']
- java抽象类和接口
面向对象设计过程中重要的一点是如何进行抽象,即把"问题空间"中的元素与"方案空间"中的元素建立理想的一对一的映射关系.抽象类和接口便是抽象过程中的产物. ...
- Delphi_07_Delphi_Object_Pascal_基本语法_05_函数参数
这里主要讨论Delphi中函数.方法的相关内容. 一.工程文件 { Delphi语法方法和函数 1.方法 2.函数 } program Routine; {$APPTYPE CONSOLE} uses ...
- /etc/sysconfig/下找不到iptables文件解决方法
时间:2014-12-19 01:17来源:csdn 作者:大智 举报 点击:5639次 本想做些防火墙策略.防火墙策略都是写在/etc/sysconfig/iptables文件里面的.可我发现我也没 ...
- datatables中的Options总结(1)
datatables中的Options总结(1) 最近一直研究dataTables插件,下面是总结的所有的选项内容,用了帮助学习datatables插件. 这些选项的配置在$().Datatable( ...
- UIScrollView的封装
UIScrollView的封装 效果 特点 1.用法简单,尺寸大小,随意设置位置 2.可以有多个数据源的数据,可以定制不通的界面(如同上图,一个有文字,一个没有文字) 3.能够实现点击事件 用法 1. ...