use strict
var request = new XMLHttpRequest(); // 新建XMLHttpRequest对象
request.onreadystatechange = function () { // 状态发生变化时,函数被回调
if (request.readyState === 4) { // 成功完成
// 判断响应结果:
if (request.status === 200) {
// 成功,通过responseText拿到响应的文本:
return success(request.responseText);
} else {
// 失败,根据响应码判断失败原因:
return fail(request.status);
}
} else {
// HTTP请求还在继续...
}
}
// 发送请求:
function send() {
var url = 'https://weibo.com/aj/guide/bubblead?ajwvr=6&pageid=v6_content_home&_t=0&__rnd=1546782596642'
request.open('GET', url);
request.send();
}
window.onload = function () {
const btn = document.getElementById('btn')
btn.onclick = function () {
send()
alert('请求已发送,请等待响应...');
}
}
function success(text) {
var textarea = doucment.getElementById('test-reponse-text')
textarea.value = text
}
function fail(code) {
var textarea = document.getElementById('test-response-text');
textarea.value = 'Error code: ' + code;
}
其他知识查看《javascript高级教程》,另外可以阅读其他ajax封装库