// (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();