iT邦幫忙

DAY 8
1

jQuery外掛特輯系列 第 8

[jQuery]外掛特輯08:Query String Object-GET參數的取得與設定

更詳細的內容請至我的部落格finalevil's blog瀏覽

Sever side程式語言通常都會有用來處理Query String的類別或方法,像是PHP可以透過$_GET['key']取得對應的值。而C#也可以用Request.QueryString["key"]的方式取得對應的值。
但是在Client端的javascript卻沒有如此方便的方法可以使用,所幸在jQuery流行的現在,我們可以從網路上找到一些jQuery外掛可以方便的處理Query String。以下我找到了三個外掛,分別是:

* jqURL
* getUrlParam
* Query String Object

我選擇使用Query String Object,做為我的開發工具,因為從jQuery Plugin專案頁面上日期顯示,作者依然有持續在維護這個專案,最後一次release是在2009-10-16感覺似乎比較可靠(?)。

接下來我簡單說明一下如何使用這個外掛取得網址的GET參數。
如果現在有一串這樣的網址

http://www.url.com/test.php?id=12&num=20&name=finalevil
你可以透過下列語法取得對應的GET參數

var str = $.query.get('id');

如此一來,取得的數值存入str變數中,所以str變數的值即為12

除了取得GET參數,此外掛當然也可以用來設定GET參數,否則只能取得不能設定未免也太遜了吧XD

var newUrl = $.query.set("id", 22).set("num", "100").toString(); 

這樣設定以後newUrl變數中的字串就是?id=22&num=100

更詳細的內容請至我的部落格finalevil's blog瀏覽


上一篇
[jQuery]Elastic-使textarea依照內容自動長大
下一篇
[jQuery]外掛特輯09:Defaultvalue-設定輸入方塊的預設值
系列文
jQuery外掛特輯18

尚未有邦友留言

立即登入留言