新增jQuery方法解析url查詢部分

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

($) ,
paramsarr = decodeuricomponent(location.href).split("?")[1].split("#")[0].replace(/\ /g, " ").split("&"),
i = 0, len =paramsarr.length;
for (; i < len; i ) 
else
}return
paramobj;
}})(jquery);

然後，我們就可以通過 paramobj 的屬性來訪問傳遞的資料了：

var paramobj =$.parseurl();

console.log(paramobj['name']);

更多專業前端知識，請上

【猿2048】www.mk2048.com

新增jquery方法

對textarea輸入進行控制，每行設定最大字元數，超過後自動換行，設定輸入的最大行數 引數 linemaxsize 每行最大字元數,預設為35，乙個中文佔兩個字元 maxline 最大行數，預設為10，title 發生錯誤標題提示 用法 textarea formattextarea functi...

jquery新增擴充套件方法

jquery提拱兩個方法開發外掛程式 jquery.fn.extend object jquery.fn jquery.prototype jquery.extend object jquery.fn.extend object 為jquery物件新增方，jquery.extend object 擴...

解析URL的php方法

1，利用pathinfo pathinfo 函式以陣列的形式返回檔案路徑的資訊。結果如下 array dirname http localhost url的路徑 basename index.php 完整檔名 extension php 檔名字尾 filename index 檔名 2 利用pars...