ajax


<script>

        兼容:

function getXHR(){

        var oAjax;

        if(window.XMLHttpRequest){

                oAjax=new XMLHttpRequest();               

        }

        else{

                oAjax=new ActiveXObject('Microsoft.XMLHTTP');

        }

        return oAjax;

}

4条线:

window.onload=function(){

        var username=document.getElementById('user');

        var inf = docment.getElementById('inf');

        username.onkeyup=function(){

        1号线:创建ajax对象

        var xhr = getXHR();            //接收到这个对象oAjax

        2号线:发送请求(准备数据,真正发送)

        传送方式:get、post

        准备数据:地址(接口文件)同步异步:默认异步

        真正发送:用xhr对象的send()方法

        open(传输方式,地址,同步或异步)

        //get方式发送

        var url='/www/01ajax_get.php?name='+username.value;

        xhr.open('GET',url,true);

        //send()的用法:如果是get的方式 send(null)

        //post方式:send(需要传的数据)send(name=username)

        xhr.send(null);

        //3号线:接口文件

        //4号线:拿到数据,进行解析,进行DOM操作

        xhr.onreadystatechange=function(){

                if(xhr.readyState==4){

                        if(xhr.status==200){

                                inf.innerHTML=xhr.responseText;

                        }

                }

        }

        }

}

       

<script>

阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页