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

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

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表單會有undefined的時候，map方法會把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拼接復雜json數(shù)據(jù) php中請求的url js拼接json對象 js get請求json數(shù)據(jù)

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

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/109364.html

相關(guān)文章

ajax概述

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

Achilles 2019-08-23 11:43 評論0 收藏0
Ajax詳解

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

jokester 2019-08-23 14:15 評論0 收藏0
JavaScript 進階知識 - Ajax篇

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

Dongjie_Liu 2019-08-22 15:20 評論0 收藏0
JavaScript 進階知識 - Ajax篇

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

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

摘要：之所以不能跨域其實是因為受到同源策略的限制，只能讓它訪問同源下的數(shù)據(jù)，不能訪問不同源下的數(shù)據(jù)同源策略每個網(wǎng)站只能讀取同一來源的數(shù)據(jù)，這里的同一來源指的是主機名域名協(xié)議和端口號的組合。一、Ajax的概念 Ajax是一種技術(shù)方案，但并不是一種新技術(shù)。它依賴的是現(xiàn)有的CSS/HTML/Javascript，而其中最核心的依賴是瀏覽器提供的XMLHttpRequest對象，是這個對象使得瀏...

tomlingtm 2019-08-21 16:57 評論0 收藏0