AJAX请求类实例代码

Posted 2023-04-25

参考技术A AJAX请求类实例代码

　　代码如下:

　　// AJAX类

　　function AJAXRequest()

　　var xmlObj = false;

　　var CBfunc,ObjSelf;

　　ObjSelf=this;

　　try xmlObj=new XMLHttpRequest;

　　catch(e)

　　try xmlObj=new ActiveXObject("MSXML2.XMLHTTP");

　　catch(e2)

　　try xmlObj=new ActiveXObject("Microsoft.XMLHTTP");

　　catch(e3) xmlObj=false;

　　

　　

　　if (!xmlObj) return false;

　　this.method="POST";

　　this.url;

　　this.async=true;

　　this.content="";

　　this.callback=function(cbobj) return;

　　this.send=function()

　　if(!this.method||!this.url||!this.async) return false;

　　xmlObj.open (this.method, this.url, this.async);

　　if(this.method=="POST") xmlObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

　　xmlObj.onreadystatechange=function()

　　if(xmlObj.readyState==4)

　　if(xmlObj.status==200)

　　ObjSelf.callback(xmlObj);

　　

　　

　　

　　if(this.method=="POST") xmlObj.send(this.content);

　　else xmlObj.send(null);

　　

　　

　　AJAX请求类

　　by HotHeart(热血心肠)

　　Site: http://www.xujiwei.cn/

　　Blog: http://www.xujiwei.cn/blog/

　　类名：AJAX

　　创建方法：var ajaxobj=new AJAX;，如果创建失败则返回false

　　属性：method - 请求方法，字符串，POST或者GET，默认为POST

　　url - 请求URL，字符串，默认为空

　　async - 是否异步，true为异步，false为同步，默认为true

　　content - 请求的内容，如果请求方法为POST需要设定此属性，默认为空

　　callback - 回调函数，即返回响应内容时调用的函数，默认为直接返回，回调函数有一个参数为XMLHttpRequest对象，即定义回调函数时要这样：function mycallback(xmlobj)

　　方法：send() - 发送请求，无参数

　　一个例子：

　　var ajaxobj=new AJAXRequest; // 创建AJAX对象

　　ajaxobj.method="GET"; // 设置请求方式为GET

　　ajaxobj.url="default.asp" // URL为default.asp

　　// 设置回调函数，输出响应内容

　　ajaxobj.callback=function(xmlobj)

　　document.write(xmlobj.responseText);

　　

　　ajaxobj.send(); // 发送请求 ;

AJAX_get请求和post请求实例代码

GET 请求：

<script>
    function getData(){
        //1.创建ajax对象
        var xhr = new XMLHttpRequest();
        //2、给ajax状态绑定状态改变的监听函数，在函数中判断状态等于4开始接受数据
        xhr.onreadystatechange=function(){
            if(xhr.readyState == 4){
                //根据返回的结果开始业务逻辑
            }
        }
        //3、.创建一个http请求，指定服务器的url地址
        xhr.open(‘get‘,"./response.php?name=fm",true); //第三个参数true是异步，false就是同步
        //4、.发送一个http请求
        xhr.send(null); //get 请求参数直接null ， post请求需要拼接请求的字符串如：name=aaa&age=24
    }
</script>

POST请求：

<script>
    function postData(){
        //1.创建ajax对象
        var xhr = new XMLHttpRequest();
        //2、给ajax的状态改变绑定一个监听函数，监听状态等于4，接受数据，进行业务逻辑处理
        xhr.onreadystatechange=function(){
            if(xhr.readyState == 4){
                    //根据返回的结果开始业务逻辑
            }
        }
        //3.建立一个http连接，这里的参数依旧要用get方式接收
        xhr.open(‘post‘,‘reponse.php?address=beijinglu‘,true);
        //4.设置post请求头，作用模拟form表单来提交数据
        xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        //5.发送ajax请求，这里的参数要通过post接收
        xhr.send("name=xiaoming&age=100");
    }
</script>