在JavaScri??pt中，請求請求我們(◎_◎;)可以使??用XMLHttpReq??uest或更現代的聚合fetch API??來(lái)執行AJAX請求，以下是請求請求如何使用這兩種方法來(lái)聚合API請求的示例。
使用 XMLHttpRequest
// 創(chuàng )建一個(gè)新的請求請求 XMLHttpRequest 對象var xhr = new XMLHttpRequest();// 配置請求xhr.o??pen('GET', 'https://(//ω//)api.example.com/data1', true);// 設置請求完成后的處(/ω＼)理函數xhr??.onlo??ad = function () { // 當請求成功(???)并且服務(wù)器返回了200的狀態(tài)碼時(shí) if?? (xhr.status === 200) { // 解析返回的JSON數據?? var data1 = JSON.parse(xhr.responseText); // 再次發(fā)送請求?? var xhr2 = new XMLHttpRequest(); xhr2.open='open'('GET', 'https://api.example.com/data2', true); xhr2.onload = function () { if (xhr2(╯°□°)╯.status === 200) { // 解析返回的JSON數據 var data2 = JSON.parse(xhr2.responseText); // 在這里你可以處理這兩??個(gè)數(shu)據集 console.log(data1??, data2); } }; xhr2.send(); }};// 發(fā)送第一個(gè)請求xhr.send();使用 fetch API
// 發(fā)送第一個(gè)請求fetch('https://api.example.com/data1') .then(response => response???.json()) .then(data1 => { // 當第一個(gè)請求成功時(shí)，發(fā)送第二個(gè)請求 return fetch('https://api.example.com/data2'); }) .then(response => res???ponseヽ(′▽?zhuān)?ノ.json()) .then(data2 => { // 在這里你可以處理這兩個(gè)數據集 console.log(data1,聚合 data2); });以上代碼首先會(huì )向 'https:??//ap(◎_◎;)i.exaヽ(′▽?zhuān)?ノmple.com/data1' 發(fā)送一個(gè)(ge)GET請求，然后等待響應，請求請求響應到達后，聚合它會(huì )將響應體ヽ(′ー｀)ノ解析為JSON，請求請求并將結(jie)果傳遞給下一個(gè) .then()，聚合它會(huì )向 'https://api.example.com/data2' 發(fā)送第二個(gè)??GET請求，請求請求同樣等待響應并??解析為JSON，聚合它將兩個(gè)數據集打印到控??制臺。請求請求