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. 怎样在linux下安装网卡驱动

    由于我电脑的各种奇葩问题的存在,导致我装上Ubuntu13.10之后网卡居然无法使用,坚持了挺久使用无线网,终于坚持不住了,百度了各种解决方式,终于成功解决.这里也记录一下我的解决过程,供大家参考.大 ...

  2. [Qcon] 百姓网开发总结

    拿到的PPT看了之后,发现给出的很简洁,但每个步骤用处却非常有用,我们一个个来分析: 1. 集中开发环境,这些方法看似简单,但是都是很实用的方法,在我开发中看的出来,SVN无分支就能解决我现有部门的部 ...

  3. Linux命令之ar - 创建静态库.a文件和动态库.so

    转自:http://blog.csdn.net/eastonwoo/article/details/8241693 用途说明 创建静态库.a文件.用C/C++开发程序时经常用到,但我很少单独在命令行中 ...

  4. bat学习

    http://www.cnblogs.com/gaohongchen01/p/4042047.html http://www.cnblogs.com/amylis_chen/p/3585339.htm ...

  5. ubuntu中禁用华硕S550C触摸屏的方法

    华硕S550C的触摸屏被我一不小心弄了一条裂缝,导致屏幕一直会莫名其妙自动进行点击,严重影响了使用.在windows 系统下通过FN+F7的快捷键可以直接禁用触摸屏,但是换成ubuntu 系统之后,快 ...

  6. windbg的高级玩法

    详见附件  jpg改zip

  7. kafka producer源码

    producer接口: /** * Licensed to the Apache Software Foundation (ASF) under one or more * contributor l ...

  8. Windows Server 2008 R2 实现多用户同时登陆

    Windows Server 2008 R2远程用户数设置 在windows server 2008 R2里面,默认的远程桌面连接数为1.这对我们的服务器管理带来了很大的不便,那么怎样来修改2008 ...

  9. LoadRunner下载文件脚本

    LoadRunner下载文件脚本  在看普泽关于pezybase的测试报告的时候,发现里面有用到jmeter(http协议)并发测试下载文件,考虑到后面可能需要在公司pezybase的并发下载,把之前 ...

  10. mysql数据库管理工具sqlyog在首选项里可以设置默认查询分页条数和字体，改写关键字大小写

    sqlyog设置一直习惯用sqlyog来管理mysql数据库,但有三个地方用得不是很爽:1.默认查询条数只有1000条经常需要勾选掉重新查询.2.自动替换关键字大小写,有时候字段名为关键字的搞成大写的 ...