ajax.html

最新推荐文章于 2024-03-01 21:32:15 发布

Vivian_shuang

最新推荐文章于 2024-03-01 21:32:15 发布

阅读量307

点赞数

分类专栏： Ajax 文章标签： ajax

本文链接：https://blog.csdn.net/Vivian_shuang/article/details/52247345

版权

Ajax 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    //AJAX即“Asynchronous JavaScript and XML”
    //ajax 主要为了网页不需要整体刷新,只刷新局部、

    // 现代浏览器
    //var ajaxObj = new XMLHttpRequest();
    // IE
    //var ajaxObj = ActiveXObject("Microsoft.XMLHTTP");
/*
    // 第一步:声明ajax对象
    //兼容写法
    var ajaxObj;
    if(window.XMLHttpRequest){
        ajaxObj = new XMLHttpRequest();
    }else{
        ajaxObj = ActiveXObject("Microsoft.XMLHTTP");
    }

    // 第二步:打开 三个参数
            1.请求的方法
           2.请求的url
           3.是否为异步,true表示异步

    ajaxObj.open("GET","ajax1.txt","true");

    // 第三步:发送
    ajaxObj.send();

    //
    ajaxObj.onreadystatechange = function () {
        // 1 : open()方法被调用
        // 2 : send()方法被调用,已获取请求头
        // 3 : 加载中
        // 4 : 请求完成
        console.log(ajaxObj.readyState);
        if(ajaxObj.readyState == 4){
            // ajaxObj.status 结果是http协议的状态码
                // 2xx 代表成功
                // 3xx 代表重定向
                // 4xx 代表客户端错误
                // 5xx 代表服务器错误
//           console.log(ajaxObj.status)
            if(ajaxObj.status == 200){
                // responseText 返回结果的文本
                console.log(ajaxObj.responseText);
            }
        }
    }
*/
    ajaxFn("ajax1.txt",function (data) {
        console.log(data);
    });

    function ajaxFn(url,fn) {
        var ajaxObj;
        if(window.XMLHttpRequest){
            ajaxObj = new XMLHttpRequest();
        }else{
            ajaxObj = ActiveXObject("Microsoft.XMLHTTP");
        }
        ajaxObj.open("GET",url,"true");
        ajaxObj.send();
        ajaxObj.onreadystatechange = function () {
            console.log(ajaxObj.readyState);
            if(ajaxObj.readyState == 4){
                if(ajaxObj.status == 200){
                    //console.log(ajaxObj.responseText);
                    fn(ajaxObj.responseText);
                }
            }
        }
    }
</script>
</body>
</html>

Vivian_shuang

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax.html

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>script> //AJAX即“Asynchronous JavaScript and XML” //ajax 主要为了网页不需要整体刷新,只刷新局部、 // 现代浏览器 //var aja
复制链接

扫一扫

专栏目录