本章將和大家分享JS中URLSearchParams的基本用法。話不多說，下麵我們直接來看代碼。 一、JS中URLSearchParams的基本用法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-e ...
本章將和大家分享JS中URLSearchParams的基本用法。話不多說，下麵我們直接來看代碼。
一、JS中URLSearchParams的基本用法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>JS中URLSearchParams的基本用法</title> <script src="/lib/vue.js"></script> <script src="/lib/axios.js"></script> </head> <body> <div id="app"> <input type="button" value="測試" @click="testURLSearchParams"> </div> <script> var vm = new Vue({ el: '#app', data: { msg: 'Hello Vue!' }, methods: { //測試URLSearchParams //參考博文：https://www.cnblogs.com/zshno1/p/15993017.html testURLSearchParams: function () { var _this = this; //方法中通過this關鍵字獲取data中的數據 var url = new URL(`https://www.baidu.com?a=1&b=2`); var searchParams = new URLSearchParams(url.search); //1、toString() 返回適用在URL中的查詢字元串 console.log(searchParams.toString()); //輸出：a=1&b=2 console.log(Object.fromEntries(searchParams.entries())); //輸出：{a: '1', b: '2'} //2、append(name,value) 插入一個指定的鍵/值對作為新的搜索參數 searchParams.append('c', 3); console.log(searchParams.toString()); //輸出：a=1&b=2&c=3 console.log(Object.fromEntries(searchParams.entries())); //輸出：{a: '1', b: '2', c: '3'} //3、delete(name) 刪除指定名稱的所有搜索參數 searchParams.delete('c'); //4、get(name) 獲取指定搜索參數的第一個值 console.log(searchParams.get('a')); //輸出：1 //5、getAll(name) 獲取指定搜索參數的所有值，返回是一個數組 console.log(searchParams.getAll('a')); //輸出：['1'] //6、has(name) 判斷是否存在此搜索參數 console.log(searchParams.has('a')); //輸出：true //7、set(name, value) 設置相關聯的值，已存在則覆蓋 searchParams.set('a', 11); searchParams.set('d', 4); console.log(Object.fromEntries(searchParams.entries())); //輸出：{a: '11', b: '2', d: '4'} //8、entries() 返回一個iterator可以遍歷所有鍵/值對的對象 var paramArr = searchParams.entries(); for (var item of paramArr) { console.log(item); //依次輸出：['a', '11'],['b', '2'],['d', '4'] } //9、此外還有 keys()/values()/sort(name, value) 等方法，此處就不再一一列舉了。 }, //URLSearchParams實踐 getData: function () { var _this = this; var params = new URLSearchParams(); params.append("action", "getData"); params.append("pageIndex", 1); params.append("pageSize", 15); axios.post('/Ashx/Epc/ThirdInterfaceDataHandler.ashx', params) .then(function (result) { console.log(result); }) .catch(function (error) { console.log(error); }); } } }); //C#中計算分頁數 //totalCount：總記錄數；pageSize：頁大小；totalPage：總頁數 //var totalPage = (totalCount + pageSize - 1) / pageSize; //計算分頁數 </script> </body> </html>
二、C#中計算分頁數
//totalCount：總記錄數；pageSize：頁大小；totalPage：總頁數 var totalPage = (totalCount + pageSize - 1) / pageSize; //計算分頁數
三、JS中判斷數組中是否包含某元素的方法
var fruits = ["Banana", "Orange", "Apple", "Mango"]; if (fruits.indexOf("Apple") > -1) { //存在 console.log(fruits.indexOf("Apple")); //輸出：2 }
Demo源碼：
鏈接：https://pan.baidu.com/s/1NLLD73m048F-59WMOtOTCw 提取碼：t0k8
此文由博主精心撰寫轉載請保留此原文鏈接：https://www.cnblogs.com/xyh9039/p/16977068.html
版權聲明：如有雷同純屬巧合，如有侵權請及時聯繫本人修改，謝謝！！！
