亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

原生ajax請(qǐng)求的使用

0x584a / 1914人閱讀

摘要：注請(qǐng)求地址是自己的項(xiàng)目地址，請(qǐng)自行更改。這只是一個(gè)簡(jiǎn)單的原生的使用，之后會(huì)發(fā)如何封裝原生實(shí)現(xiàn)的第一步創(chuàng)建對(duì)象。第四步發(fā)送請(qǐng)求數(shù)據(jù)。但是一般情況下數(shù)據(jù)的請(qǐng)求都是異步的，那么就要使用這個(gè)事件對(duì)數(shù)據(jù)進(jìn)行處理。

注：請(qǐng)求地址是自己的項(xiàng)目地址，請(qǐng)自行更改。

這只是一個(gè)簡(jiǎn)單的原生XMLHttpRequst的使用，之后會(huì)發(fā)如何封裝原生ajax實(shí)現(xiàn)jequery的ajax
第一步：創(chuàng)建xhr對(duì)象。 
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ā)送請(qǐng)求數(shù)據(jù)。 
注意：這里的數(shù)據(jù)需要進(jìn)行處理，處理為json文件，使用JSON.stringify處理。
let data = {
                page:1,
                pageSize:10,
            };
data = JSON.stringify(data);
xhr.send(data);
到這里就已經(jīng)發(fā)送了，可以在瀏覽器的網(wǎng)絡(luò)請(qǐng)求中查看請(qǐng)求的情況。

但是在頁(yè)面中還沒(méi)有進(jìn)行數(shù)據(jù)處理 
如果數(shù)據(jù)是同步請(qǐng)求：直接在send()語(yǔ)句之后對(duì)數(shù)據(jù)進(jìn)行處理。
console.log(xhr.response);
但是一般情況下數(shù)據(jù)的請(qǐng)求都是異步的，那么就要使用onreadystatechange這個(gè)事件對(duì)數(shù)據(jù)進(jìn)行處理。
接收到數(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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/96541.html

相關(guān)文章

  • 原生JS與jQuery對(duì)AJAX的實(shí)現(xiàn)

    摘要：原生與對(duì)的實(shí)現(xiàn)一定義里這么解釋異步的和。二原生實(shí)現(xiàn)所有現(xiàn)代瀏覽器以及均內(nèi)建對(duì)象。一般是正常未找到頁(yè)面，一般是錯(cuò)誤，或者后臺(tái)沒(méi)有創(chuàng)建相應(yīng)的內(nèi)部服務(wù)錯(cuò)誤，多為后臺(tái)錯(cuò)誤。基本上通過(guò)發(fā)送的數(shù)據(jù)及傳回的數(shù)據(jù)就能定位問(wèn)題所在了。 原生JS與jQuery對(duì)AJAX的實(shí)現(xiàn) 一、定義 W3C里這么解釋AJAX： AJAX = Asynchronous JavaScript and XML（異步的 Jav...

    Chaz 評(píng)論0 收藏0

  • 原生JS封裝ajax以及request

    摘要：一封裝原生的為類以及用法見(jiàn)之前的文章根據(jù)確定請(qǐng)求的頭部以及別的信息。二封裝實(shí)用性的類在項(xiàng)目中經(jīng)常需要將進(jìn)行封裝，使用類發(fā)起請(qǐng)求。請(qǐng)求不帶請(qǐng)求帶請(qǐng)求不帶請(qǐng)求帶請(qǐng)求不帶請(qǐng)求帶這個(gè)方法感覺(jué)可以再次進(jìn)行封裝。完整代碼點(diǎn)擊查看以上。 一、封裝原生的xhr為ajax類 xhr以及用法見(jiàn)之前的文章 1、根據(jù)url確定請(qǐng)求的頭部以及別的信息。 var _headerConfig = {}; ...

    james 評(píng)論0 收藏0

  • 原生JavaScript實(shí)現(xiàn)AJAX、JSONP

    摘要：在這里講解一下用原生如何實(shí)現(xiàn)。當(dāng)然，前面也說(shuō)過(guò)，你可以給定固定回調(diào)函數(shù)名最后我已經(jīng)將和請(qǐng)求合并在一起了，下載鏈接原文鏈接原生實(shí)現(xiàn)如有問(wèn)題，歡迎在下方留言 相信大多數(shù)前端開(kāi)發(fā)者在需要與后端進(jìn)行數(shù)據(jù)交互時(shí)，為了方便快捷，都會(huì)選擇JQuery中封裝的AJAX方法，但是有些時(shí)候，我們只需要JQuery的AJAX請(qǐng)求方法，而其他的功能用到的很少，這顯然是沒(méi)必要的。 其實(shí)，原生JavaScript...

    xcc3641 評(píng)論0 收藏0

  • Jquery ajax, Axios, Fetch區(qū)別之我見(jiàn)

    摘要：我們都知道因?yàn)橥床呗缘膯?wèn)題，瀏覽器的請(qǐng)求是可能隨便跨域的一定要有跨域頭或者借助，但是，中可以設(shè)置為不跨域，如下所示這樣之后我們會(huì)得到一個(gè)為的返回。 免費(fèi)幫忙內(nèi)推阿里等各大IT公司的崗位，有興趣可以帶簡(jiǎn)歷加微信angeltune 引言 前端技術(shù)真是一個(gè)發(fā)展飛快的領(lǐng)域，我三年前入職的時(shí)候只有原生XHR和Jquery ajax，我們還曾被JQuery 1.9版本版本以下不支持大文件請(qǐng)求這個(gè)...

    YanceyOfficial 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<