JavaScript實現(xiàn)QueryString獲取GET參數(shù)的方法

更新時間：2013年07月02日 17:14:52 作者：

本文為大家詳細介紹下如何通過JavaScript實現(xiàn)QueryString獲取GET參數(shù)，具體實現(xiàn)如下，感興趣的朋友可以參考下哈，希望對大家有所幫助

 
<div id="page"> 
<select name="select1" id="select-type"> 
<option value="0">請選擇</option> 
<option value="1">企業(yè)</option> 
<option value="2">產(chǎn)品</option> 
</select> 
</div> 

復制代碼代碼如下:

 
QueryString = { 
data: {}, 
Initial: function () { 
var aPairs, aTmp; 
var queryString = new String(window.location.search); 
queryString = queryString.substr(1, queryString.length); //remove "?" 
aPairs = queryString.split("&"); 
for (var i = 0; i < aPairs.length; i++) { 
aTmp = aPairs[i].split("="); 
this.data[aTmp[0]] = aTmp[1]; 
} 
}, 
GetValue: function (key) { 
return this.data[key]; 
} 
} 

$(function () { 
//初始化 
QueryString.Initial(); 

var type = QueryString.GetValue("type"); 

if (typeof (type) != "undefined") { 
$("#select-type").val(type); 
} 

$("#select-type").bind("change", function () { 
var row = $(this).find("option:selected").val(); 

//alert(row); 
if (row == 1) 
location.href = "?type=" + row; 
if (row == 2) 
location.href = "?type=" + row; 
}); 
}); 

您可能感興趣的文章:

關于JS與jQuery中的文檔加載問題
本文通過實例代碼給大家講解了js和jquery中的文檔加載問題，感興趣的的朋友一起看看吧
2017-08-08
js控制臺輸出的方法(詳解)
下面小編就為大家?guī)硪黄猨s控制臺輸出的方法(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-11-11
JavaScript中箭頭函數(shù)與普通函數(shù)的區(qū)別詳解
這篇文章主要介紹了JavaScript中箭頭函數(shù)與普通函數(shù)的區(qū)別，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-08-08
20分鐘成功編寫bootstrap響應式頁面就這么簡單
這篇文章主要教大家如何在20分鐘內(nèi)成功編寫bootstrap響應式頁面，其實很簡單，培養(yǎng)大家分分鐘開發(fā)出一個高大上的頁面能力，感興趣的小伙伴們可以參考一下
2016-05-05
js+css實現(xiàn)有立體感的按鈕式文字豎排菜單效果
這篇文章主要介紹了js+css實現(xiàn)有立體感的按鈕式文字豎排菜單效果,通過javascript動態(tài)調(diào)用頁面元素樣式實現(xiàn)豎排菜單的功能,具有一定參考借鑒價值,需要的朋友可以參考下
2015-09-09
jsonp跨域獲取百度聯(lián)想詞的方法分析
這篇文章主要介紹了jsonp跨域獲取百度聯(lián)想詞的方法,結(jié)合實例形式分析了jsonp的原理及跨域獲取百度聯(lián)想詞的相關操作技巧,需要的朋友可以參考下
2019-05-05
addEventListener 的用法示例介紹
這篇文章主要介紹了addEventListener 的用法,需要的朋友可以參考下
2014-05-05
JavaScript 頁面編碼與瀏覽器類型判斷代碼
JavaScript 獲取瀏覽器的類型和頁面編碼的函數(shù)代碼。
2010-06-06
解決javascript 全局變量失效的問題
這篇文章主要介紹了解決javascript 全局變量失效的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2016-04-04
javascript 回到頂部效果的實現(xiàn)代碼
本篇文章主要是對javascript 回到頂部效果的實現(xiàn)代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-02-02