在處理 a 鏈接跳轉其他頁面時，總會遇到需要傳遞一些當前頁面的信息到其他頁面，然后其他頁面利用這些信息進行相關操作。利用?get 請求或?hash?傳遞是常見的方式。

　　首先，需要對傳遞的參數進行編碼，保證數據的安全性；之后，將參數拼接到要跳轉的url后，并設置為 a 鏈接中的 href 屬性值。

var util = {setUrlParam: function (params, targetUrl) {var url = '';if(params && targetUrl){// json系列化為字符串，并編碼var enRequestParams = encodeURIComponent(JSON.stringify(params));// get拼接url = targeteUrl + '?rq=' + enRequestParams;// 或hash拼接// targeteUrl = targeteUrl + '#rq=' + enRequestParams; }return url;} } // 假設需要傳遞的數據如下 var requestParams = {'id': '1001','time': '2017-04-21' }; // 要跳轉的頁面url var targeteUrl = 'http://www.baidu.com';// 獲取html中id=target的a鏈接,并設置href var ndTargetLink = document.querySelector('a#target'); ndTargetLink.href = util.setUrlParam(requestParams, targeteUrl);

　　完成了地址拼接，接下來就是在目標頁面中解析請求參數了。

var util = { // 獲取參數getUrlParam:function(url, param) {var reg = new RegExp(param + "=([^&]*)(&|$)");var num = url.match(reg);if (num != null)return num[1];return null;},// 解碼,try處理多次編碼的情況decodeUrl:function(str){str=decodeURIComponent(str);var json=null;try{json=JSON.parse(str);return json;}catch(e){return util.decodeUrl(str);}} } var loadPage = {data:(function(){var json=util.decodeUrl(util.getUrlParam(hash,'rq')); return json;})() } var data = loadPage.data; console.log('data',data);

　

轉載于:https://www.cnblogs.com/EnSnail/p/6744869.html

總結

以上是生活随笔為你收集整理的js处理url中的请求参数(编码/解码)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。