Web前端不同頁面間傳值可以使用 cookies、localStorage 和 sessionStorage 等本地存儲。

但是，今天我們嘗試使用 url 查詢，假設我們要傳遞字符串 str 到 modify.html 頁面：

var str = "name=Bob Chen&gender=男&date=1998/04/26&idNumber=430523000000000000&telNumber=13400007511&email=2099367442@qq.com&city=北京";

1、使用encodeURIComponent編碼：

location.href = "modify.html?" encodeURIComponent(str);

url格式如下：

domain:port/path/modify.html?name=Bob Li&gender=男&date=1998/04/26&idNumber=430523000000000008&telNumber=13400007511&email=2099367442@qq.com&city=北京

2、使用encodeURI編碼：

location.href = "modify.html?" encodeURI(str);

url格式如下：

domain:port/path/modify.html?name=Bob Chen&gender=男&date=1998/04/26&idNumber=430523000000000000&telNumber=13400007511&email=2099367442@qq.com&city=北京

?

通過url查詢傳值后，接下來我們需要解析url，我們為 jQuery 對象添加新方法 parseUrl 來解析url查詢：

(function($) {$.parseUrl = function() {var paramObj = {},paramsArr = decodeURIComponent(location.href).split("?")[1].split("#")[0].replace(/\ /g, " ").split("&"),i = 0, len = paramsArr.length;for (; i < len; i ) {var param = paramsArr[i].split("=")[0].trim(),value = paramsArr[i].split("=")[1].trim();if (param == "date") {paramObj[param] = value.replace(/\//g, "-");} else {paramObj[param] = value;}}return paramObj;} })(jQuery);

然后，我們就可以通過 paramObj 的屬性來訪問傳遞的數據了：

var paramObj = $.parseUrl(); console.log(paramObj['name']);

?

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的添加jQuery方法解析url查询部分的全部內容，希望文章能夠幫你解決所遇到的問題。

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