原生JS的ajax

最近开始学习JS，想记录下自己的心得，也算是学习的见证吧。作为新手，如果想要掌握JS，我觉得以下内容必须是要学习的。

• JavaScript的基本语法
• HTML和CSS的基本样式内容
• jQuery库的学习
• Ajax技术的应用

这几天学习了Ajax,并且写了一个小小的例子。代码如下

代码

JavaScript

var xmlhttp;
 function createXmlHttpRequest(){
        if(window.ActiveXObject)
        {
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        else if(window.XMLHttpRequest)
        {
            xmlhttp=new XMLHttpRequest();
        }
    }

function send_request(){

        createXmlHttpRequest();
        var url="mysql.php";
        xmlhttp.onreadystatechange=processRequest;
        xmlhttp.open("GET",url,true);
        xmlhttp.send("null");
    }
    function processRequest(){
        if(xmlhttp.readyState==4)
        {
            if(xmlhttp.status==200)
            {
                contacts = JSON.parse(xmlhttp.responseText);
            }
        }
    }

在html的body中加入οnlοad=”send_request()”,在页面加载完成之后调用请求函数，其中根据不同浏览器创建xmlhttp对象，在send_request()请求中后台mysql.php 得到数据库的内容，xmlhttp的onreadystatechange判断URL的调用的状态并处理。.open()则设置请求方式和资源，“true”代表为异步，send()不发送任何数据。最后在处理函数中判断了状态并且读取数据库json格式数据。