zoukankan      html  css  js  c++  java
  • ajax小demo

    var oDiv = document.getElementById("div1");
                document.onclick = function(){

                    //var xhr = new XMLHttpRequest(); //创建XHR对象
                    var xhr;
                    if(window.XMLHttpRequest){
                        xhr = new XMLHttpRequest();//创建了一个XHR对象;
                    }else{
                        xhr = new ActiveXObject("MSxml12.XMLHTTP");//兼容IE6以下
                    }
                    
                    
                    xhr.open("get","demo.php",true); //准备发送请求 第一个参数:get/post 第二个:url 第三个:true(异步)

                    // 设置回调函数
                    xhr.onreadystatechange = function(){
                        if(xhr.readyState==4){
                            if(xhr.status==200){
                                // alert(xhr.responseText);
                                div1.innerHTML = xhr.responseText;
                            }else{
                                alert("error,restart");
                            }
                        }
                    }

                    // 发送请求
                     xhr.send(null); //get方式发送请求,send参数就是null
                }

                //兼容:
                // new AativeXObject("MSxml2.XMLHTTP") //IE6 IE5
                // new XMLHttpRequest(); //其他浏览器;
                //如果有就创建
                var request;
                if(window.XMLHttpRequest){
                    request = new XMLHttpRequest();//创建了一个XHR对象;
                }else{
                    request = new ActiveXObject("MSxml12.XMLHTTP");//兼容IE6以下
                }

  • 相关阅读:
    在jenkins中新建节点,启动方式中没有“通过java web启动”
    在jenkins上执行web自动化脚本出现cannot find Chrome binary
    修改禅道的默认端口
    jmeter修改字体大小
    电脑中安装了两个版本的jdk,后装的会把第一个覆盖掉
    各种浏览器的驱动
    js中的null和undefined总结
    关于 es6的 let 特性在 for 循环结构 的个人理解
    ajax五,jsonp跨域的本质
    ajax四,封装ajax并优化
  • 原文地址:https://www.cnblogs.com/yuejie/p/5986030.html
Copyright © 2011-2022 走看看