js中g(shù)et請(qǐng)求中將json格式的對(duì)象拼接成復(fù)雜的url參數(shù)

劉東發(fā)布于2019-08-26 13:43 / 3869人閱讀

const url="/mock/products"
const query={pageIndex: 1, pageSize: 5}

方法一

const serialize = function(obj) {
            var ary = [];
            for (var p in obj)
                if (obj.hasOwnProperty(p) && obj[p]) {
                    ary.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
                }
            return ary.join("&");
        };

方法二

使用了antd,form表單會(huì)有undefined的時(shí)候，map方法會(huì)把undefined也拼接上去。需要處理query。

const queryStr = Object.keys(query)
            .map(key => query[key] && `${encodeURIComponent(key)}=${encodeURIComponent(query[key])}`)
            .join("&");

方法三

const queryStr = Object.keys(query)
            .reduce((ary, key) => {
                if (query[key]) {
                    ary.push(encodeURIComponent(key) + "=" + encodeURIComponent(query[key]));
                }
                return ary;
            }, [])
            .join("&");
url += `?${queryStr}`;

云服務(wù)器 GPU云服務(wù)器 js拼接復(fù)雜json數(shù)據(jù) php中請(qǐng)求的url js拼接json對(duì)象 js get請(qǐng)求json數(shù)據(jù)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

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

相關(guān)文章

ajax概述

摘要：換一臺(tái)電腦就要重新安裝。并且還需要適配不同的系統(tǒng)。提交大小幾乎沒有限制。即協(xié)議主要由請(qǐng)求和響應(yīng)組成。相反則為同步按照程序的順序，依次往下執(zhí)行，必須等上一程序執(zhí)行完成之后才能執(zhí)行下一程序，阻礙程序的執(zhí)行。 Ajax 服務(wù)器類型按照服務(wù)類型：文件服務(wù)器，數(shù)據(jù)庫(kù)服務(wù)器，郵件服務(wù)器，Web服務(wù)器按照操作系統(tǒng)：Linux服務(wù)器，Windows服務(wù)器按照應(yīng)用軟件：Apache服務(wù)器，Ng...

Achilles 2019-08-23 11:43 評(píng)論0 收藏0
Ajax詳解

摘要：當(dāng)請(qǐng)求完成后注冊(cè)一個(gè)回調(diào)函數(shù)。該請(qǐng)求是否觸發(fā)全局處理事件如等，請(qǐng)求發(fā)送前的回調(diào)函數(shù)，用來修改請(qǐng)求發(fā)送前，此功能可用來設(shè)置自定義頭信息，在函數(shù)中返回將取消這個(gè)請(qǐng)求。例如，為請(qǐng)求指定一個(gè)回調(diào)函數(shù)名。即改變回調(diào)函數(shù)的，默認(rèn)就是傳入的整個(gè)對(duì)象。 Ajax Ajax 全稱是 asynchronous javascript and xml，并不是新的編程語(yǔ)言，可以說是已有技術(shù)的組合，主要用來實(shí)現(xiàn)客...

jokester 2019-08-23 14:15 評(píng)論0 收藏0
JavaScript 進(jìn)階知識(shí) - Ajax篇

摘要：注意事項(xiàng)以下版本要設(shè)置默認(rèn)編碼，，否則程序可能無法正確顯示中文。組成部分協(xié)議是對(duì)請(qǐng)求和響應(yīng)的報(bào)文內(nèi)容進(jìn)行了約束和規(guī)范。請(qǐng)求報(bào)文請(qǐng)求是由客戶端發(fā)起，其規(guī)范格式為請(qǐng)求行請(qǐng)求頭請(qǐng)求主體。 showImg(https://segmentfault.com/img/remote/1460000013696283?w=1920&h=1080); Ajax 前言前面我們已經(jīng)學(xué)習(xí)了js基礎(chǔ)知識(shí)和一些...

Dongjie_Liu 2019-08-22 15:20 評(píng)論0 收藏0
JavaScript 進(jìn)階知識(shí) - Ajax篇

摘要：注意事項(xiàng)以下版本要設(shè)置默認(rèn)編碼，，否則程序可能無法正確顯示中文。組成部分協(xié)議是對(duì)請(qǐng)求和響應(yīng)的報(bào)文內(nèi)容進(jìn)行了約束和規(guī)范。請(qǐng)求報(bào)文請(qǐng)求是由客戶端發(fā)起，其規(guī)范格式為請(qǐng)求行請(qǐng)求頭請(qǐng)求主體。 showImg(https://segmentfault.com/img/remote/1460000013696283?w=1920&h=1080); Ajax 前言前面我們已經(jīng)學(xué)習(xí)了js基礎(chǔ)知識(shí)和一些...

adie 2019-07-24 10:44 評(píng)論0 收藏0
ajax與jsonp一點(diǎn)基礎(chǔ)整理

摘要：之所以不能跨域其實(shí)是因?yàn)槭艿酵床呗缘南拗疲荒茏屗L問同源下的數(shù)據(jù)，不能訪問不同源下的數(shù)據(jù)同源策略每個(gè)網(wǎng)站只能讀取同一來源的數(shù)據(jù)，這里的同一來源指的是主機(jī)名域名協(xié)議和端口號(hào)的組合。一、Ajax的概念 Ajax是一種技術(shù)方案，但并不是一種新技術(shù)。它依賴的是現(xiàn)有的CSS/HTML/Javascript，而其中最核心的依賴是瀏覽器提供的XMLHttpRequest對(duì)象，是這個(gè)對(duì)象使得瀏...

tomlingtm 2019-08-21 16:57 評(píng)論0 收藏0