zoukankan      html  css  js  c++  java
  • js创建request对象与ajax请求

    // 创建request对象
    function createXMLHttpRequest() {
        try {
            return new XMLHttpRequest();//大多数浏览器
        } catch (e) {
            try {
                return ActvieXObject("Msxml2.XMLHTTP");//IE6.0
            } catch (e) {
                try {
                    return ActvieXObject("Microsoft.XMLHTTP");//IE5.5及更早版本    
                } catch (e) {
                    alert("未知浏览器");
                    throw e;
                }
            }
        }
    }
    /*
     * option对象有如下属性
     */
             /*请求方式*/method,
            /*请求的url*/ url,
            /*是否异步*/asyn,
            /*请求体*/params,
            /*回调方法*/callback,
            /*服务器响应数据转换成什么类型*/type

    function ajax(option) {
        /*
         * 1. 得到xmlHttp
         */
        var xmlHttp = createXMLHttpRequest();
        /*
         * 2. 打开连接
         */
        if(!option.method) {//默认为GET请求
            option.method = "GET";
        }
        if(option.asyn == undefined) {//默认为异步处理
            option.asyn = true;
        }
        xmlHttp.open(option.method, option.url, option.asyn);
        /*
         * 3. 判断是否为POST
         */
        if("POST" == option.method) {
            xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        }
        /*
         * 4. 发送请求
         */
        xmlHttp.send(option.params);
        
        /*
         * 5. 注册监听
         */
        xmlHttp.onreadystatechange = function() {
            if(xmlHttp.readyState == 4 && xmlHttp.status == 200) {//双重判断
                var data;
                // 获取服务器的响应数据,进行转换!
                if(!option.type) {//如果type没有赋值,那么默认为文本
                    data = xmlHttp.responseText;
                } else if(option.type == "xml") {
                    data = xmlHttp.responseXML;
                } else if(option.type == "text") {
                    data = xmlHttp.responseText;
                } else if(option.type == "json") {
                    var text = xmlHttp.responseText;
                    data = eval("(" + text + ")");
                }
                
                // 调用回调方法
                option.callback(data);
            }
        };
    };





  • 相关阅读:
    简析Java RMI 与 .NET Remoting
    实现一个压缩Remoting传输数据的Sink:CompressionSink (转载)
    智能部署与更新
    第二章:.NET Remoting基础知识
    创建以Microsoft .NET Remoting为基础的分布式应用架构
    vs2005如何防止代码被反编译
    使用.NET Remoting开发分布式应用——配置文件篇(转载)
    Remoting概述
    高级 .NET Remoting
    第一章:Remoting技术简介
  • 原文地址:https://www.cnblogs.com/cyf18/p/14287384.html
Copyright © 2011-2022 走看看