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. C++ list的基本操作和使用

    转自:http://blog.sina.com.cn/s/blog_6a4aa98201012fhn.html Lists将元素按顺序储存在链表中. 与 向量(vectors)相比, 它允许快速的插入 ...

  2. 第三篇：用SOUI能做什么？

    SOUI-DEMO界面预览 在回答SOUI能做什么之前,先看看SVN中demo工程的界面截图: 使用SOUI实现上面的界面主要的工作全在配置几个XML文件,基本不需要写C++代码.(如何配置XML布局 ...

  3. 在Salesforce中创建Schedule的Job去定时触发对应的Class

    在Salesforce中也存在着Job的概念,当然了我们可以创建Schedule的Job去定时触发对应的Class,来完成我们所需要定时处理的功能,比如:定时同步数据. 具体处理步骤如下所示: 1): ...

  4. Asp.Net MVC中DropDownListFor的用法

    在Asp.Net MVC中可以用DropDownListFor的方式来让用户选择已定列表中的一个数值.用法不复杂,这里简单做一个记录. 首先我们要定义一个 Model ,用户在 DropDownLis ...

  5. poj 1816 (Trie + dfs)

    题目链接:http://poj.org/problem?id=1816 思路:建好一颗Trie树,由于给定的模式串可能会重复,在原来定义的结构体中需要增加一个vector用来记录那些以该节点为结尾的字 ...

  6. 标签q

    标记短的引用,默认是中文符号:双引号 <p>文字<q>段落中的引用</q>文字</p> 如果是在html里直接敲出引号,是这样的: <p>文 ...

  7. php代码效率测试

    对于一个被加载的页面,而遇到会卡的原因 ,代码量大,为了减少一句话分析,就采用分段式判断. 从php手册了解到,使用microtime函数,具体方法可参见php手册对这函数的用法 定义get_exec ...

  8. hive中大表join

    排序存储数据至BUCKETS,这样可以顺序进行join

  9. CentOS升级Python 2.6到2.7

    查看python的版本 python -V Python 2.6.6 下载Python   Python-2.7.8.tar.xz      链接:http://pan.baidu.com/s/1i4 ...

  10. ASCIL码和字符的转换

    1.在python中: 字符-->ASCIL 用ord函数 ASCIL-->字符 用chr函数 下面是一个输入小写字母转换为大写字母输出的例子: # -*- coding: utf-8 - ...