資訊專欄INFORMATION COLUMN
摘要：注請求地址是自己的項目地址，請自行更改。這只是一個簡單的原生的使用，之后會發(fā)如何封裝原生實現(xiàn)的第一步創(chuàng)建對象。第四步發(fā)送請求數(shù)據(jù)。但是一般情況下數(shù)據(jù)的請求都是異步的，那么就要使用這個事件對數(shù)據(jù)進行處理。
注：請求地址是自己的項目地址，請自行更改。
這只是一個簡單的原生XMLHttpRequst的使用，之后會發(fā)如何封裝原生ajax實現(xiàn)jequery的ajax第一步：創(chuàng)建xhr對象。
const xhr = new XMLHttpRequest();第二步：open()設(shè)置。
xhr.open("PUT","http://118.24.84.199:8080/sm/accept/list",false);
第三步：設(shè)置接口需要的頭部。
xhr.setRequestHeader("token","515b8c62-ddf4-41ef-a7c8-93957e1c589e");
xhr.setRequestHeader("Accept","application/json");
xhr.setRequestHeader("Content-Type","application/json");
第四步：發(fā)送請求數(shù)據(jù)。
注意：這里的數(shù)據(jù)需要進行處理，處理為json文件，使用JSON.stringify處理。
let data = {
page:1,
pageSize:10,
};
data = JSON.stringify(data);
xhr.send(data);
到這里就已經(jīng)發(fā)送了，可以在瀏覽器的網(wǎng)絡(luò)請求中查看請求的情況。
但是在頁面中還沒有進行數(shù)據(jù)處理
如果數(shù)據(jù)是同步請求：直接在send()語句之后對數(shù)據(jù)進行處理。
console.log(xhr.response);
但是一般情況下數(shù)據(jù)的請求都是異步的，那么就要使用onreadystatechange這個事件對數(shù)據(jù)進行處理。
接收到數(shù)據(jù)之后將其打印。
xhr.onreadystatechange = function(event){
if (xhr.readyState == 4){
if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304){
console.log(JSON.parse(xhr.response));
} else {
console.log("Request was unsuccessful: " + xhr.status);
}
}
};
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/96541.html
摘要：原生與對的實現(xiàn)一定義里這么解釋異步的和。二原生實現(xiàn)所有現(xiàn)代瀏覽器以及均內(nèi)建對象。一般是正常未找到頁面，一般是錯誤，或者后臺沒有創(chuàng)建相應的內(nèi)部服務錯誤，多為后臺錯誤?；旧贤ㄟ^發(fā)送的數(shù)據(jù)及傳回的數(shù)據(jù)就能定位問題所在了。 原生JS與jQuery對AJAX的實現(xiàn) 一、定義 W3C里這么解釋AJAX： AJAX = Asynchronous JavaScript and XML（異步的 Jav...
摘要：一封裝原生的為類以及用法見之前的文章根據(jù)確定請求的頭部以及別的信息。二封裝實用性的類在項目中經(jīng)常需要將進行封裝，使用類發(fā)起請求。請求不帶請求帶請求不帶請求帶請求不帶請求帶這個方法感覺可以再次進行封裝。完整代碼點擊查看以上。 一、封裝原生的xhr為ajax類 xhr以及用法見之前的文章 1、根據(jù)url確定請求的頭部以及別的信息。 var _headerConfig = {}; ...
摘要：在這里講解一下用原生如何實現(xiàn)。當然，前面也說過，你可以給定固定回調(diào)函數(shù)名最后我已經(jīng)將和請求合并在一起了，下載鏈接原文鏈接原生實現(xiàn)如有問題，歡迎在下方留言 相信大多數(shù)前端開發(fā)者在需要與后端進行數(shù)據(jù)交互時，為了方便快捷，都會選擇JQuery中封裝的AJAX方法，但是有些時候，我們只需要JQuery的AJAX請求方法，而其他的功能用到的很少，這顯然是沒必要的。 其實，原生JavaScript...
摘要：我們都知道因為同源策略的問題，瀏覽器的請求是可能隨便跨域的一定要有跨域頭或者借助，但是，中可以設(shè)置為不跨域，如下所示這樣之后我們會得到一個為的返回。 免費幫忙內(nèi)推阿里等各大IT公司的崗位，有興趣可以帶簡歷加微信angeltune 引言 前端技術(shù)真是一個發(fā)展飛快的領(lǐng)域，我三年前入職的時候只有原生XHR和Jquery ajax，我們還曾被JQuery 1.9版本版本以下不支持大文件請求這個...
閱讀 1238·2021-11-11 16:54
閱讀 1750·2021-10-13 09:40
閱讀 951·2021-10-08 10:05
閱讀 3512·2021-09-22 15:50
閱讀 3715·2021-09-22 15:41
閱讀 1822·2021-09-22 15:08
閱讀 2353·2021-09-07 10:24
閱讀 3583·2019-08-30 12:52
