XMLHttpRequest的简单实例

     刚学习了XMLHttpRequest这个类以及一些简单的应用，写一篇博客分享给大家也加深自己对ajax入门知识的体会。

     ajax.js文件内容如下：

//定义xmlhttp作为XMLHttpRequest或者ActiveXObject类的句柄

     var xmlhttp;

//初始化xmlhttp，根据浏览器的类型来判断选择哪个类来进行

    function InitialXMLHttpRequest()

{

     if(window.ActiveXObject)

 {

        xmlhttp=new ActiveXObject("window.Microsoft");//若为微软的浏览器则选择这种初始化方式

 }

  else if(window.XMLHttpRequest)

{

      xmlhttp=new XMLHttpRequest();

}

else

{

      alert("The browser is not compatible!");

}

}

//按照我个人理解这个函数是用于完成获取url资源的初始化工作

function getInfo(url)

{

//创建一个新的http请求，并指定此请求的方法、URL以及验证信。

      xmlhttp.open("get","for.php?id="+url);

//执行showinfo函数

      xmlhttp.onreadystatechange=showinfo;

      xmlhttp.send(null);

} 

 //获取getinfo函数初始化的url资源，并将其在info对应的div中显示。

function showinfo()

{

   var info = xmlhttp.responseText;

   document.getElementById("info").innserHTML=info;

}

 

//ajax.html代码如下

//入口页面代码，onclick出发启动getInfo('...');div用于创建一个盒子容纳showinfo中info的内容；

<script type="text/script" scr="">

<a href ="#" οnclick="getInfo('hhh')">hhh</a>

<a href ="#" οnclick="getInfo(bbb)">hhh</a>

<div id="info"></div>

 

 

//for.php用于接受id并打印出文本信息，该文本作为xmlhttp.responseText所获取的文本。

<?php

if($_GET["id"]!=null)

{

     $a=$_GET["ID"];

    echo "a";

}

?>

 

 

转载于:https://www.cnblogs.com/wuhui1989/p/XMLHttpRequest.html