ajax

最新推荐文章于 2017-11-22 11:02:27 发布

潇雨码农

最新推荐文章于 2017-11-22 11:02:27 发布

阅读量332

点赞数

分类专栏：高级php理解文章标签： ajax xmlhttprequest

本文链接：https://blog.csdn.net/qq_21034239/article/details/53940277

版权

高级php理解专栏收录该内容

17 篇文章 0 订阅

订阅专栏

ajax是基于java，实现与服务器的异步通信，不需要刷新就可以，常见的应用例如：考试时间倒计时等。
首先建立一个”ajax对象”—XMLHttpRequest
然后实现与服务器端的通信（发送http请求）
设置回调函数（将返回结果（文本test，可能xml ,json）处理后显示在页面）。

考试倒计时的应用中的部分代码
<script language="javascript">
var xmlHttp1=false;
function createXmlHttpRequestObject()//初始化xmlhttprequest
{
    if(window.ActiveXObject){       //如果在internetExplorer下运行
            try{
                xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
            }catch(e){
                xmlHttp=false;
            }
        }else{
            try{        //如果在Mozilla或其他的浏览器下运行
                xmlHttp=new XMLHttpRequest();
            }catch(e){
                xmlHttp=false;
            }
        } 
        if(!xmlHttp)        //返回创建的对象或显示错误信息
            alert("返回创建的对象或显示错误信息");
        else
            return xmlHttp;
}
xmlHttp1=createXmlHttpRequestObject();
timer = window.setInterval("showTime()",1000); 
function showTime(){
    xmlHttp1.onreadystatechange=StatHandler1;       
    //调用服务器端的文件showtime.php
    xmlHttp1.open("post","showtime.php",true);  
    xmlHttp1.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");  //设置请求头信息
    xmlHttp1.send(null);            //将数据发送给服务器
}
function StatHandler1(){    //定义处理函数
    if(xmlHttp.readyState==4 && xmlHttp.status==200){       
    //判断如果执行成功，则输出下面内容 往控件id为show_time输出返回的内容
    document.getElementById("show_time").innerHTML=xmlHttp1.responseText;   
    }   
</script>