ajax get请求

// (1)创建异步对象
        var ajaxObj = new XMLHttpRequest();
//(2)监听请求(请求前监听,有利于安全)
        ajaxObj.onreadystatechange = function () {
            // 为了保证 数据 完整返回,我们一般会判断 两个值
            if (ajaxObj.readyState == 4 && ajaxObj.status == 200) {
                // 如果能够进到这个判断 说明 数据 完美的回来了,并且请求的页面是存在的
                // 5.在注册的事件中 获取 返回的 内容 并修改页面的显示
                console.log('数据返回成功');

                // 数据是保存在 异步对象的 属性中
                console.log(ajaxObj.responseText);

                // 修改页面的显示
                document.querySelector('h1').innerHTML = ajaxObj.responseText;
            }
        }
        // (3)设置请求的参数。包括:请求的方法、请求的url。
        ajaxObj.open('get', '02-ajax.php');

        // (4)发送请求
        ajaxObj.send();

        

  

posted @ 2020-04-27 15:45  林俊翰  阅读(156)  评论(0编辑  收藏  举报