码迷,mamicode.com
首页 > Web开发 > 详细

ajax使用。

时间:2016-08-28 16:10:02      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:

<script>
    function createAjax(){
        var request=false;
        
        //window对象中有XMLHttpRequest存在就是非IE,包括(IE7,IE8)
        if(window.XMLHttpRequest){
            request=new XMLHttpRequest();

            if(request.overrideMimeType){
                request.overrideMimeType("text/xml");
            }
        

        //window对象中有ActiveXObject属性存在就是IE
        }else if(window.ActiveXObject){
            
            var versions=[‘Microsoft.XMLHTTP‘, ‘MSXML.XMLHTTP‘, ‘Msxml2.XMLHTTP.7.0‘,‘Msxml2.XMLHTTP.6.0‘,‘Msxml2.XMLHTTP.5.0‘, ‘Msxml2.XMLHTTP.4.0‘, ‘MSXML2.XMLHTTP.3.0‘, ‘MSXML2.XMLHTTP‘];

            for(var i=0; i<versions.length; i++){
                    try{
                        request=new ActiveXObject(versions[i]);

                        if(request){
                            return request;
                        }
                    }catch(e){
                        request=false;
                    }
            }
        }
        return request;
    }

//注意: 要每次请求都要使用一个新的XMLHttpRequest
/*
    如果使用get将数据传给服务器,则服务器就使用$_GET
    就直接通过Url将数据传给服务器

    使用POST时一定要使用    ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");    
  */ 
var ajax=null;
function show(){
    var helloobj=document.getElementById("hello");
    ajax=createAjax();
    ajax.onreadystatechange=function(){
        if(ajax.readyState==4){
            if(ajax.status==200){
                var dom=ajax.responseXML;
                
                var users=dom.getElementsByTagName("user");

                alert(users.length);
            }else{
                alert("页面请求失败");
            }
        }
    }
    ajax.open("post", "users.xml", true);
    ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    ajax.send("username=lisi&email=1111111111");
}
</script>
<input type="button" onclick="show()" value="request">
<div style="width:500px;height:200px;background:yellow" id="hello">
</div>    

 

ajax使用。

标签:

原文地址:http://www.cnblogs.com/h-g-f-s123/p/5815113.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!