javascript ajax的实现

Posted on 2014-08-28 11:05  anyongchao  阅读(173)  评论(0)    收藏  举报

XmlHttp是什么?

这是开始的一个概念性的东西,

来自MSDN的解释:

XmlHttp提供客户端同http服务器通讯的协议。客户端可以通过XmlHttp对象(MSXML2.XMLHTTP.3.0)向http服务器发送请求并使用微软XML文档对象模型Microsoft® XML Document Object Model (DOM)处理回应。 现在的绝对多数浏览器都增加了对XmlHttp的支持,IE中使用ActiveXObject方式创建XmlHttp对象,其他浏览器如:Firefox、Opera等通过window.XMLHttpRequest来创建xmlhttp对象。

 

XmlHttp对象的属性:

XmlHttp对象的方法:

 

下面来做一些实质性的

var xmlobj;
                function CreateXMLHttpRequest()
                {
                    if(window.ActiveXObject)
                    {
                        xmlobj = new ActiveXObject("Microsoft.XMLHTTP");
                    }
                    else if(window.XMLHttpRequest)
                    {
                        xmlobj = new XMLHttpRequest();
                    }
                
                }
                function Reqhtml()
                {
                    
                    CreateXMLHttpRequest();
                    xmlobj.onreadystatechange = StateHandler;
                    
                    xmlobj.open("POST","test.php",true);
                    //xmlobj.open("GET","test.php",true);
                    
                    //当是post发送的时候,不同于get需要加上发送setRequestHeader()
                    xmlobj.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=utf-8;");
                    
                    var username='username_str';
                    var password = 'password_str';
                    xmlobj.send("user="+username+"&pwd="+password);
                    
                    //xmlobj.send(null);
                }
                function StateHandler()
                {
                    if(xmlobj.readyState == 4 && xmlobj.status == 200)
                    {
                        document.getElementById("content").innerHTML = xmlobj.responseText;
                    }
                }

php端接受参数然后返回数据即可

var_dump($_POST);