手写-AJAX

jiezi

5 年前

在 onreadystatechange 事件中，我们规定当服务器响应已做好被处理的准备时所执行的任务。
当 readyState 等于 4 且状态为 200 时，表示响应已就绪：

// 完整版

var request = new XMLHttpRequest()
request.open('GET', '/a/b/c?name=ff', true); 
request.onreadystatechange = function () {if(request.readyState === 4 && request.status === 200) {console.log(request.responseText);
  }}; // 可以加个 else
request.send();

// 简化版

var request = new XMLHttpRequest()
request.open('GET', '/xxx’)  // 看前面的就行了 request.open('GET','/a/b/c?name=ff', true)
request.onload = ()=> console.log(‘请求成功’) // 看前面的就行了 console.log(request.responseText)
request.send()