javascript結(jié)合ajax讀取txt文件內(nèi)容

字號:


    代碼很簡潔,這里就不多廢話了,直接上源碼
    html代碼
    代碼如下:
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8"/>
    </head>
    <body>
    <button type="button" onclick="show()">請求數(shù)據(jù)</button>
    <script src="ajax.js"></script>
    <script>
    function show(){
    Ajax('read.txt?datetime=new Date.getTime ',function(str){alert(str);},function(){alert('失敗了');})
    };
    </script>
    </body>
    </html>
    javascript代碼
    代碼如下:
    function Ajax(url,fnSucc,fnFaild)
    {
    //1.創(chuàng)建ajax對象
    if(window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
    var oAjax=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
    var oAjax=new ActiveXObject("Microsoft.XMLHTTP");
    }
    //2.鏈接服務(wù)器(打開服務(wù)器的連接)
    //open(方法,文件名,異步傳輸)
    oAjax.open('GET',url,true);
    //3.發(fā)送
    oAjax.send();
    //4.接收返回
    oAjax.onreadystatechange=function()
    {
    if (oAjax.readyState==4)
    {
    if(oAjax.status==200)
    {
    fnSucc(oAjax.responseText);
    }
    else
    {
    fnFaild(oAjax.status);
    }
    };
    };
    }