zoukankan      html  css  js  c++  java
  • 创建 XMLHttpRequest 对象

    <script type="text/javascript">
    /* 创建 XMLHttpRequest 对象 */
    var xmlHttp;
    function GetXmlHttpObject(){
        if (window.XMLHttpRequest){
          // code for IE7+, Firefox, Chrome, Opera, Safari
          xmlhttp=new XMLHttpRequest();
        }else{// code for IE6, IE5
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        return xmlhttp;
    }
    // -----------ajax方法-----------//
    function getLabelsPost(){
        xmlHttp=GetXmlHttpObject();
        if (xmlHttp==null){
            alert('您的浏览器不支持AJAX!');
            return;
        }
        var url="http://www.lifefrom.com/t/"+Math.random();
        xmlhttp.open("POST",url,true);
        xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        xmlhttp.send();
        xmlHttp.onreadystatechange=getLabelsOK;//发送事件后,收到信息了调用函数
    }
    function getOkPost(){
        if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){
            // 本地提示:加载中/处理中
                                                     
        }
        if (xmlHttp.readyState==4 && xmlHttp.status==200){
            var d=xmlHttp.responseText; // 返回值
            // 处理返回值
        }
    }
    </script>
    <script type="text/javascript">
    /* 创建 XMLHttpRequest 对象 */
    var xmlHttp;
    function GetXmlHttpObject(){
        if (window.XMLHttpRequest){
          // code for IE7+, Firefox, Chrome, Opera, Safari
          xmlhttp=new XMLHttpRequest();
        }else{// code for IE6, IE5
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        return xmlhttp;
    }
    // -----------ajax方法-----------//
    function getLabelsGet(){
        xmlHttp=GetXmlHttpObject();
        if (xmlHttp==null){
            alert('您的浏览器不支持AJAX!');
            return;
        }
        var id = document.getElementById('id').value;
        var url="http://www.lifefrom.com?id="+id+"&t/"+Math.random();
        xmlHttp.open("GET",url,true);
        xmlHttp.onreadystatechange=favorOK;//发送事件后,收到信息了调用函数
        xmlHttp.send();
    }
                       
    function getOkGet(){
        if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){
            // 本地提示:加载中
                             
        }
        if (xmlHttp.readyState==4 && xmlHttp.status==200){
            var d= xmlHttp.responseText;
            // 处理返回结果
                               
        }
    }
    </script>

      现在的案例:

     var url = host + "//";
    
        request();
    
        function request() {
            var mxlHttp = null;
            if (window.ActiveXObject) {//如果是IE
                mxlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    
            } else if (window.XMLHttpRequest) {
                mxlHttp = new XMLHttpRequest(); //实例化一个xmlHttpReg
            }
            if (mxlHttp != null) {
                mxlHttp.onreadystatechange = function () {
                    if (mxlHttp.readyState == 4) {
                        if (mxlHttp.status >= 200 || mxlHttp.status == 304) {
                            if (mxlHttp.responseText) {
    
                                dataInfo(mxlHttp.responseText);
                            }
                        } else {
                            console.log("请求出错");
                        }
                    }
                };
    
                mxlHttp.open("get", url, true);
                mxlHttp.send(null);
            }
    
    
        }
    
        function dataInfo(data) {
           /* var list = document.getElementById('list');
             var info = JSON.parse(data),
             len = info.content;
             for (var i = 0; i < len.length; i++) {
             var n = len[i];
             var oli = document.createElement("li");
             oli.innerText = n.con;
             list.appendChild(oli)
             }*/
    
        }
  • 相关阅读:
    简时——Beta冲刺 Day04
    简时——Beta冲刺 Day03
    简时——Beta冲刺 Day02
    SE_WorkX_提问回顾与个人总结
    通过SQL注入获得网站后台用户密码
    缓冲区溢出攻击与防范
    Pytorch_Part7_模型使用
    Pytorch_Part5_迭代训练
    Pytorch_Part2_数据模块
    Pytorch_Part1_简介&张量
  • 原文地址:https://www.cnblogs.com/yjhua/p/4920525.html
Copyright © 2011-2022 走看看