欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

JavaScript的Ajax封裝GET和POST

<!DOCTYPE html>
<html>
<head>
    <title>封裝ajax</title>
</head>
<body>
<script type="text/javascript">

    function createXHR()
    {
        if(typeof XMLHttpRequest != "undefined")
        {
            return new XMLHttpRequest();
        }
        else if(typeof ActiveXObject != "undefined")
        {
            var versions = [
                "MSXML.2.XMLHttp.6.0",
                "MSXML.2.XMLHttp.3.0",
                "MSXML.2.XMLHttp"
            ];
            for(var i = 0; i<versions.length;i++)
            {
                try{
                    return new ActiveXObject(version[i]);
                }catch(e){
                    // 因類循環(huán)會報一個錯，跳過些錯
                }
            }
        }
        else
        {
            throw new Error("你的系統(tǒng)或瀏覽器不支持XHR對象！");
        }
    }

    // 名值對轉(zhuǎn)換字符串
    function params(data)
    {
        var arr = [];
        for(var i in data)
        {
            arr.push(encodeURIComponent(i)+"="+encodeURIComponent(data[i]));    
        }
        return arr.join("&");
    }

    // ajax 

    function ajax(obj)
    {
        var xhr=createXHR();
        obj.url=obj.url+"?rand="+Math.random();
        obj.data = params(obj.data);
        if(obj.method === "GET")
        {
            obj.url+=obj.url.indexOf("?") == -1 ?"?"+ obj.data:"&"+obj.data;    
        }

        //  if it's asynchronous
        if(obj.async === true)
        {
            xhr.onreadystatechange = function()
            {
                if(xhr.readyState == 4)
                {                   
                    callback();
                }
            }
        }
        xhr.open(obj.method,obj.url,obj.async);
        if(obj.method === "POST")
        {
            xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            xhr.send(obj.data);
        }
        else
        {
            xhr.send(null);
        }       

        // iF It's synchronization
        if(obj.async === false)
        {
            callback();
        }

        // 封裝重復調(diào)用代碼
        function callback()
        {
            if(xhr.status === 200)
            {
                obj.success(xhr.responseText);
            }
            else
            {
                alert("錯誤代碼："+xhr.status+"-錯誤信息："+xhr.statusText);
            }
        }
    }

    //  use ajax

    addEventListener("click",function(){
        ajax({
            method:"POST",
            url:"test.php",
            data:{
                "na&me":"ping",
                "age":18
            },  
            // 將對象傳到text，然后對象又回調(diào)
            success:function(text)
            {
                console.log("接收success數(shù)據(jù)為："+text);
            },
            async:false
        });
    },false);
</script>
</body>
</html>

網(wǎng)站欄目：JavaScript的Ajax封裝GET和POST
當前鏈接：http://chinadenli.net/article42/gsjjec.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供自適應網(wǎng)站、電子商務、動態(tài)網(wǎng)站、網(wǎng)站排名、響應式網(wǎng)站、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

微信小程序開發(fā)