JavaScript实现QueryString获取GET参数的方法

145 阅读 0 评论 96 点赞

我是靠谱客的博主高高裙子，最近开发中收集的这篇文章主要介绍JavaScript实现QueryString获取GET参数的方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
<div id="page"> 
<select name="select1" id="select-type"> 
<option value="0">请选择</option> 
<option value="1">企业</option> 
<option value="2">产品</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; 
}); 
}); 