在 javascript 中發(fā)送 post 請求的步驟:創(chuàng)建 xmlhttprequest 對象。配置請求的 url、方法、請求頭等信息。準(zhǔn)備發(fā)送數(shù)據(jù),并使用 json.stringify() 轉(zhuǎn)換為 json 字符串。將數(shù)據(jù)作為參數(shù)傳遞給 send() 方法。使用 onreadystatechange 事件監(jiān)聽器處理響應(yīng)。當(dāng) xhr.readystate === 4 且 xhr.status === 200 時,請求已成功,可以使用 xhr.responsetext 獲取響應(yīng)數(shù)據(jù)。
如何使用 JavaScript 發(fā)送 POST 請求
在 JavaScript 中發(fā)送 POST 請求的過程如下:
創(chuàng)建 XMLHttpRequest 對象
const xhr = new XMLHttpRequest();
配置請求
xhr.open(‘POST’, url, true);
xhr.setRequestHeader(‘Content-Type’, ‘application/json’);
xhr.setRequestHeader(‘X-Requested-With’, ‘XMLHttpRequest’);
為準(zhǔn)備發(fā)送做準(zhǔn)備
將要發(fā)送的數(shù)據(jù)作為參數(shù)傳遞給 send() 方法。
xhr.send(JSON.stringify(data));
處理響應(yīng)
xhr.onreadystatechange = function() { … };
當(dāng) xhr.readyState === 4 并且 xhr.status === 200 時,請求已成功。
使用 xhr.responseText 獲取響應(yīng)數(shù)據(jù)。
示例:
const data = { name: 'John Doe', age: 30 }; const xhr = new XMLHttpRequest(); xhr.open('POST', 'https://example.com/submit', true); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); xhr.send(JSON.stringify(data)); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { console.log(xhr.responseText); } };
登錄后復(fù)制