XMLHttpResquest

var request = new XMLHttpRequest();
request.open('GET', url);
request.responseType = 'text'; # text, json
request.onload = function(){
    para.textContent = request.response; // update content
}
request.send();

Fetch API

fetch(url).then(function(response){
    response.text().then(function(text){
        para.textContent = text; // update content
    });
});

github 完整代码

XMLHttpRequest & Fetch API
XMLHttpResquest Fetch API github 完整代码
九、请求：XHR、Fetch、AJAX
XMLHttpRequest AJAX Fetch 注意：由于Fetch API是基于Promise设计，旧浏览器...
前端之路——JS之Fetch API
什么是Fetch API Fetch API提供了一个获取资源的接口，类似于XMLHttpRequest。Fetc...
XMLHttpRequest总结
原文链接：你真的会使用XMLHttpRequest吗？这个API很“迷人”——(新的Fetch API)Servi...
Fetch API学习笔记
Fetch API学习笔记 Fetch是一个现代的概念, 等同于 XMLHttpRequest。它提供了许多与XM...
Progressive Web Apps(PWA)核心技术-Fe
简单来说Fetch API就是一个请求资源的接口，比XMLHttpRequest更简单。Fetch支持跨源资源共享...
JS fetch API
是啥？ fetch API是用来替换XMLHttpRequest对象的为啥要用？封装度比XMLHttpRequ...
2021-10-09 React-Native 网络请求原理
背景与网络请求有关的 api 有XMLHttpRequest、 fetch 、WebSocket ，但是这三个A...
fetch API 和 Ajax（XMLHttpRequest）
fetch 是浏览器提供的一个新的 web API，它用来代替 Ajax（XMLHttpRequest），其提供了...
Fetch -- http请求的另一种姿势
传统Ajax是利用XMLHttpRequest(XHR)发送请求获取数据，不注重分离的原则。而Fetch API是...