ajax初步学习发送get请求

it2022-05-05  139

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title></title>    <script type="text/javascript">        //ajax问题        //1 ajax请求缓存 解决 1、在url后加随机数  2、xmlhttp.setRequestHeader("If-Modified-Since", "0");        //2 请求的路径中不要有中文        //3 判断服务器是否执行成功(xmlhttp.status == 200)        //4 区分大小写        //1 创建对象        var xmlhttp = createXHR();        function createXHR() {            var xhr;            if (XMLHttpRequest) {                xhr = new XMLHttpRequest();            } else {                xhr = new ActiveXObject("Microsoft.XMLHTTP");            }            return xhr;        }        function btn_click() {            document.getElementById("d").innerHTML = "正在加载...";                       //2 初始化  第三个参数 true 异步请求    false 同步请求            xmlhttp.open("get", "01-get.ashx", true);            xmlhttp.setRequestHeader("If-Modified-Since", "0");            //3 注册事件            xmlhttp.onreadystatechange = function () {                //判断XMLHttpRequest的状态readyState ==4 接收完成                //                if (xmlhttp.readyState == 4) {                    //判断http的响应码                     if (xmlhttp.status == 200) {                        var s = xmlhttp.responseText;                        document.getElementById("d").innerHTML = s;                    } else {                        document.getElementById("d").innerHTML = "服务器内部错误";                    }                }            }            //4 发送请求            xmlhttp.send();        }    </script></head><body><input type="button" value="get" id="btnGet" οnclick="btn_click()" />    <div id="d"></div>    </body></html>

转载于:https://www.cnblogs.com/eric-gms/p/3470917.html

相关资源:各显卡算力对照表!

最新回复(0)