Asynchronous JavaScript And XML

(1)AJAX大多用于验证和分页；

(2)首先要激活（对象）：

window.ActiveXObject（针对IE）；

window.XMLHttpRequest（针对其他浏览器）

eg（验证）:

1、首先需要一个登录界面

 <html>

 <head>

     <title>firstAjax</title>

     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>

 </head>

 <body>

     <form action="">

         用户名：<input type="text" name="users" id="" onblur="Changes(this.value)"/>

                 <span style="color: #ff0000;font-size: 16px;font-weight: bold" id="promit"></span><br/>

         密  码：<input type="text"/><br/>

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

     </form>

 </body>

 <script type="text/javascript" src="ajax.js"></script>

 </html>

2、从数据库中验证用户是否注册

 <?php

 if(isset($_GET['users'])){

     $users = $_GET['users'];

     $conn = mysql_connect("localhost","","") or die("数据库连接失败！");

     mysql_select_db("test");

     mysql_query("set names 'utf8'");

     $sql = "select count(*) from `user_pwd` where users = '$users'";

     $result = mysql_query($sql);

     $row = mysql_fetch_row($result);

     if($row[0]){

         echo "抱歉、该用户已经被注册！";

     }else{

         echo "您可以注册";

     }

 }

 ?>

3、用AJAX验证

 var XmlHttp;//声明对象

 //第一个function是判断浏览器，并激活对象

 function ActiveHttp(){

     if(window.ActiveXObject){//  万恶的IE使用 ActiveX 对象

         XmlHttp = new ActiveXObject("MICROSOFT.XMLHTTP");

     }else if(window.XMLHttpRequest){//其他浏览器使用 ActiveX 对象

         XmlHttp = new XMLHttpRequest();

     }

 }

 //第二个function是php中调用的函数

 function Changes(url){

     ActiveHttp();

     XmlHttp.open("GET","yanZLog.php?users="+url,true);

     //XmlHttp.open里面有三个参数：1、选择get还是post（我们最好使用get,如果用post的话要加上： setRequestHeader("Content-Type","application/x-www-form-urlencoded");）

                                 //2、php验证地址

                                 //3、true:使用AJAX；false：不使用

     XmlHttp.onreadystatechange = doThing;

     XmlHttp.send(null);//必不可少的！！

 }

 //第三个function是具体要干的事

 function doThing(){

     if(XmlHttp.readyState == 4){//对象状态(integer):0=未初始化，1=读取中，2=已读取，3=交互中，4=完成

         if(XmlHttp.status == 200){//服务器返回的状态码，如404=“文件未找到”、200=“成功”

             var sp = document.getElementById("promit");

             sp.innerHTML = XmlHttp.responseText;

         }

     }

 }

About_AJAX的更多相关文章

  1. django之ORM的查询优化、Ajax 06

    目录 ORM查询优化 only与defer select_related与prefetch_related查询优化 choices参数 MTV与MVC模型 Ajax简介 AJAX常见应用情景 AJAX ...

随机推荐

  1. 管道通信,王明学learn

    管道通信 一.通讯目的 1.数据传输 一个进程需要将数据发送给另一个进程. 2.资源共享 多个进程之间共享同样的资源. 3.通知事件 一个进程需要向另一个/组进程发送消息,通知它们发生了某事件. 4. ...

  2. XML 文件解析

    1.XML文件 <Data> <Movie id="1"> <title>good lucky to you</title> < ...

  3. C#实现序列化和反序列化

    从我们面试准备上面,我知道了一个知识点,就是我们vs提供的序列化方法有两个,一个叫二进制序列化,一个叫做xml序列化,下面我们说一下二进制序列化的C#实现: 反序列化: public static T ...

  4. 防止ViewPager和Fragment结合使用时候的数据预加载

    不知道你们使用ViewPager和Fragment结合的时候发现一个问题没,如果你的每个Fragment都需要请求网络数据,并且你在请求网络数据的时候会加入进度对话框的加载显示效果,当你显示第一个Fr ...

  5. loadrunner取出关联数组中的所有元素

    方法一: int num; char nameVar[100]; char nameValue[100]; lr_save_string("AAA","name_1&qu ...

  6. Android 编程下 ListView 的 HeaderView 和 FooterView 不可选择点击

    在 ListView 里,HeaderView 和 FooterView 也占一行,与其他的 item 一样,可以点击,有索引,HeaderView 的索引为0.如果要使这两项不可点击,可以使用下面的 ...

  7. SpringJMS解析1-使用示例

    Spring配置文件: <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="h ...

  8. 安卓微POS-PDA手持终端，支持离线在线联网销售开单；移动开单 盘点 功能

    采购单.采购退货单  销售单.销售退货单.收款.优惠.赠品等操作实现盘点作业(多台设备同时作业,相同商品,数量累计) 现场打印票据 实现采购订单.采购单.采购退货单.销售订单.销售单.销售退货单验货没 ...

  9. [转]Tangram框架应用开发的一般模式

    //转的,怕想百度博客一样搬家,赶紧先复制下来. 框架其实就是一种开发模式,用tangram框架开发应用程序意味着选择一种面向接口.模块化的开发方式.这和传统的Delphi应用程序开发方式有一定区别, ...

  10. NumPy 学习（3）： 通用函数

    1.  元素级别的函数 元素级别的函数也就是函数对数组中的每一个元素进行运算.例如: In [10]: arr = np.arange(10) In [11]: np.sqrt(arr) Out[11 ...