js中get請求中將json格式的對象拼接成復雜的url參數

劉東發布于2019-08-26 13:43 / 3847人閱讀

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}`;

云服務器 GPU云服務器 js拼接復雜json數據 php中請求的url js拼接json對象 js get請求json數據

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/109364.html

ajax概述

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

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

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

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

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

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

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

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

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

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