基本Javascript创建XMLHTTPRequest发送Ajax请求

来源:互联网 发布:正知正见是什么意思 编辑:程序博客网 时间:2024/05/16 04:40

Ajax的最基本写法

<script language="javascript" type="text/javascript">

//创建XMLHttpRequest
function createXmlGttpRequest(){
    if(window.ActiveXObject){//IE浏览器
        return new ActiveXObject("Microsoft.XMLHTTP");
    }else if(window.XMLHttpRequest){//非IE浏览器
        return new XMLHttpRequest();
    }
}

//发送请求
var xmlHttpRequest;//声明XMLHttpRequest对象
function toSendRequest(){
    xmlHttpRequest=createXmlGttpRequest();
    xmlHttpRequest.onreadystatechange=callbackFun;//设置回调函数,当xmlHttpRequest对象的状态改变时调用callbackFun这个函数
   
    //初始化XMLHttpRequest组件;第三个参数表示同步(false)or异步(true),异步表示调用send方法发送请求后不用等待请求响应继续执行后面的Javascript代码。
    xmlHttpRequest.open("GET","Ajax.ashx?name=name1&pass=pass1",true);
    xmlHttpRequest.send(null);//发送请求
}

//回调函数
function callbackFun(){
    //readyState共有5中状态,0未初始化,1已初始化,2发送请求,3开始接收结果,4接收结果完毕。
    //status服务器响应状态码。
    if(xmlHttpRequest.readyState==4 && xmlHttpRequest.status==200){
        alert(xmlHttpRequest.responseText);
    }else{
        //出现异常
    }
}
</script>

原创粉丝点击