AJAX_1

AJAX 简介：异步JavaScript 及XML（英文：Asynchronous JavaScript And XML 缩写Ajax）。是一种基于 JavaScript和HTTP请求（HTTP requests），广泛应用在浏览器的网页开发技术。Ajax是多项技术的综合应用。

  基于web标准（standards-based presentation）XHTML+CSS的表示；

  使用 DOM（Document Object Model）进行动态显示及交互；

  使用 XML 和 XSLT 进行数据交换及相关操作；

  使用 XMLHttpRequest 进行异步数据查询、检索；

　Ajax 使用 JavaScript 将所有的东西绑定在一起。

 

1.创建XMLHttpRequest对象

<script type=“text/javascript”>
	       var xmlhttp = false;
	 	//  IE使用 ActiveX 对象  针对IE浏览器
	       if (window.ActiveXObject) {
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            } 
　　　　　　　　　//   对DOM
            else if (window.XMLHttpRequest) {
                xmlhttp = new XMLHttpRequest();                
            }
</script>

XMLHttpRequest对象

2.Send(content)   发送请求

3.Open(“method”,“URL”[,asyncFlag[,”userName”[,”password”]]])      设置未决的请求的目标URL方法和其他参数

3.onreadystatechange    状态改变的事件触发器

4.responseText    服务器进程返回数据的文本

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

6.status    服务器返回的状态码，如404=“文件未找到”、200=“成功”

上面的对象运用到代码里

var xmlHttp;
function getXmlHttp(){   //针对IE浏览器
    if(window.ActiveXObject){
        xmlHttp = new ActiveXObject("MICROSOFT.XMLHTTP");
    }else if(window.XMLHttpRequest){
        xmlHttp = new XMLHttpRequest();
    }
}

function sendParam(url){
    getXmlHttp();

    xmlHttp.open("POST","register_one.php?user="+url,true); //
//    setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    xmlHttp.onreadystatechange = getTxt;
    xmlHttp.send(null);
}
function getTxt(){
    if(xmlHttp.readyState == 4){
        if(xmlHttp.status == 200){
            var sp = document.getElementById("tishi");
            sp.innerHTML = xmlHttp.responseText;  
        }
    }
}