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;  

        }

    }

}