使用JavaScript實現(xiàn)ajax的實例代碼

    實現(xiàn)ajax之前必須要創(chuàng)建一個 XMLHttpRequest 對象。這是必須的。那么對使用js實現(xiàn)ajax的代碼感興趣的朋友可以參考下本文
    AJAX = Asynchronous JavaScript and XML.
    AJAX 是一種創(chuàng)建快速動態(tài)網頁的技術。
    AJAX 通過在后臺與服務器交換少量數(shù)據(jù)的方式，允許網頁進行異步更新。這意味著有可能在不重載整個頁面的情況下，對網頁的一部分進行更新。
    實現(xiàn)ajax之前必須要創(chuàng)建一個 XMLHttpRequest 對象。如果不支持創(chuàng)建該對象的瀏覽器，則需要創(chuàng)建 ActiveXObject.具體方法如下：
    var xmlHttp;
    function createxmlHttpRequest()
    {
    if (window.ActiveXObject) {
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if
    (window.XMLHttpRequest)
    {
    xmlHttp=new XMLHttpRequest();
    }
    }
    （1）下面使用上面創(chuàng)建的xmlHttp實現(xiàn)最簡單的ajax get請求：
    function doGet(url)
    {
    // 注意在傳參數(shù)值的時候最好使用encodeURI處理一下，以防出現(xiàn)亂碼
    createxmlHttpRequest();
    xmlHttp.open("GET",url);
    xmlHttp.send(null);
    xmlHttp.onreadystatechange = function()
    {
    if ((xmlHttp.readyState == 4) && (xmlHttp.status == 200)) {
    alert('success');
    }
    else
    {
    alert('fail');
    }
    }
    }
    （2）使用上面創(chuàng)建的xmlHttp實現(xiàn)最簡單的ajax post請求：
    function doPost(url,data)
    {
    // 注意在傳參數(shù)值的時候最好使用encodeURI處理一下，以防出現(xiàn)亂碼
    createxmlHttpRequest();
    xmlHttp.open("POST",url);
    xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    xmlHttp.send(data);
    xmlHttp.onreadystatechange = function()
    {
    if ((xmlHttp.readyState == 4) && (xmlHttp.status == 200))
    {
    alert('success');
    }
    else
    {
    alert('fail');
    }
    }
    }
    以上內容是小編給大家介紹的JavaScript實現(xiàn)ajax的實例代碼，希望對大家有所幫助