JavaScript的Ajax之GET提交数据-创新互联

<!DOCTYPE html>
<html>
<head>
    <title>封装ajax</title>
</head>
<body>

<!-- 05:59 ajax 下-->

<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){
                    // 因类循环会报一个错，跳过些错
                }
            }
        }
        else
        {
            throw new Error("你的系统或浏览器不支持XHR对象！");
        }
    }

    // 名值对转换字符串
    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()+"&"+params(obj.data);
        obj.data = params(obj.data);
        if(obj.method === "GET")
        {
            obj.url=obj.url+"&"+obj.data;   
        }
        xhr.onreadystatechange = function()
        {
            if(xhr.readyState == 4)
            {                   
                if(xhr.status == 200)
                {               
                    obj.success(xhr.responseText)
                }
                else
                {
                    console.log("错误码:"+xhr.status+"-错误信息"+xhr.statusText);
                }
            }
        }
        xhr.open(obj.method,obj.url,obj.async);
        xhr.send(null);
    }

    //  use ajax

    addEventListener("click",function(){
        ajax({
            method:"GET",
            url:"test.php",
            data:{
                "na&me":"ping",
                "age":18
            },  
            // 将对象传到text，然后对象又回调
            success:function(text)
            {
                console.log("接收success数据为："+text);
            },
            async:true
        });
    },false);
</script>
</body>
</html>

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网页设计是网站建设的前奏，好的网页设计更深度的剖析产品和设计风格定位，结合最新的网页设计流行趋势，与WVI应用标准，设计出具企业表现力，大器而深稳的网站界面设。创新互联公司成立于2013年,是成都网站建设公司:提供企业网站设计,品牌网站制作,营销型企业网站建设方案,响应式网站设计,重庆小程序开发,专业建站公司做网站。

网站栏目：JavaScript的Ajax之GET提交数据-创新互联
分享网址：https://www.cdcxhl.com/article10/eppgo.html

成都网站建设公司_创新互联，为您提供电子商务、网站维护、营销型网站建设、商城网站、网站排名、响应式网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容