[toc] ### 1.原生http ajax请求 ```js /** * 1.创建 XMLHttpRequest 对象 * 2.xhr open(method, url) * 3.xhr.send() 发送请求 * 4.设置onreadystatechange 方法，内部监听请求的变化 * 5.当status===200，readyState===4时，相应就绪 */ let xhr = new XMLHttpRequest() let url = 'http://localhost:3001/' // 创建一个新的`HTTP`请求,并指定该`HTTP`请求的方法、`URL`及验证信息. xhr.open('get', url) xhr.send() // 设置响应`HTTP`请求状态变化的函数. xhr.onreadystatechange = function() { console.log('xhr状态发生了变化', xhr); if(xhr.status === 200 && xhr.readyState === 4) { console.log(xhr.responseText); } } ``` ### 2.手写jsonp请求 ```js export function jsonp(url) { if (!url) { console.error("Axios.JSONP 至少需要一个url参数!") return } return new Promise((resolve, reject) => { window.jsonCallBackJsonp = (result) => { resolve(result) } var JSONP = document.createElement("script") JSONP.type = "text/javascript" JSONP.src = `${url}&callback=jsonCallBackJsonp` document.getElementsByTagName("head")[0].appendChild(JSONP) setTimeout(() => { // document.getElementsByTagName("head")[0].removeChild(JSONP) }, 500) }) } ```