ajax

//1 创建xhr对象
var xhr = createXHR();
function createXHR()
{
var request;
if (typeof (XMLHttpRequest) == "undefined") {
//ie老版本中创建的方式
request = new ActiveXObject("Microsoft.XMLHTTP");
} else {
//支持标准的浏览器创建的方式
request = new XMLHttpRequest();
}
return request;
}
window.onload = function () {
document.getElementById("btn").onclick = function () {
document.getElementById("d1").innerHTML = "正在努力加载..."
//2 初始化xhr

            //ie中会读取缓存  
            //解决方法
            //1 加随机数
            //2 setRequestHeader   If-Modified-Since
            xhr.open("get", "01-get.ashx?_="+Math.random(), true);
            //xhr.setRequestHeader("If-Modified-Since", "0");
            //3 注册事件
            xhr.onreadystatechange = function () {
                //判断readystate   是xhr的状态
                //0   new 完了
                //1   open完了
                //2   send完了
                //3  正在接收服务器返回的响应
                //4  接收完成
                if (xhr.readyState == 4) {
                    //判断服务器返回的状态码
                    if (xhr.status == 200) {
                        var r = xhr.responseText;
                        document.getElementById("d1").innerHTML = r;
                    } else {
                        document.getElementById("d1").innerHTML = "服务器内部错误";
                    }
                   
                }
            }
            //4 发送请求
            xhr.send();
        }
    }

posted on   木屐  阅读(99)  评论(0编辑  收藏  举报

编辑推荐:
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
阅读排行:
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 数据库服务器 SQL Server 版本升级公告
· 程序员常用高效实用工具推荐,办公效率提升利器!
· C#/.NET/.NET Core技术前沿周刊 | 第 23 期(2025年1.20-1.26)
< 2025年1月 >
29 30 31 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 1
2 3 4 5 6 7 8

导航

统计

点击右上角即可分享
微信分享提示