您的位置：首页 > 其它

简述 AJAX 及基本步骤

2017-03-01 17:22 218 查看 
简述AJAX：
AJAX即“AsynchronousJavascriptAndXML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。
通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。


AJAX基本步骤：
functionajax(url,fnSucc,fnFaild)
{
//1.创建Ajax对象
varoAjax=null;

if(window.XMLHttpRequest)
{
oAjax=newXMLHttpRequest();
}
else
{
oAjax=newActiveXObject("Microsoft.XMLHTTP");
}

//2.连接服务器，准备数据
oAjax.open('GET',url,true);//[code]oAjax.open(“方式”,”地址”,是否为异步);


//3.发送请求
oAjax.send();

//4.接收服务器的返回
oAjax.onreadystatechange=function()
{
if(oAjax.readyState==4)//完成
{
if(oAjax.status==200)//成功
{
fnSucc(oAjax.responseText);
}
else
{
if(fnFaild)
fnFaild(oAjax.status);
}
}
};
}

示例：
<body>
　　点击按钮的时候读取ajax.txt<br>
　　<inputtype="button"value="点击">
　　<scriptsrc="ajax.js"></script>
　　<script>
　　varoBtn=document.getElementsByTagName('input')[0];
　　oBtn.onclick=function(){
　　ajax('ajax.txt',function(str){
　　alert(str);
　　});
　　};
　　</script>
</body>

分享技术，分享快乐！
[/code]


                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航