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

本文为大家详细介绍下如何通过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;
});
});

时间: 2024-10-03 07:31:05

JavaScript实现QueryString获取GET参数的方法的相关文章

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

复制代码 代码如下: <div id="page"> <select name="select1" id="select-type"> <option value="0">请选择</option> <option value="1">企业</option> <option value="2">产品<

实例详解JavaScript获取链接参数的方法_javascript技巧

使用url传递参数,大家应该不陌生,例如: http://www.softwhy.com/home.php?mod=space&do=home&view=all 既然传递参数,那么自然就要获得传递的参数,当然获取参数的方式有多种多样,下面就介绍其中的一种,和大家一起分享,希望能够给大家带来一定的帮助,代码如下: var url="http://www.softwhy.com/home.php?mod=space&do=home&view=all"; if

使用JavaScript获取地址栏参数的方法

 代码如下: /**  *  获取地址栏参数  *  * @example GetUrlString('id')  *  * @desc    调用时加上判断,保证程序不会出错  *             var myurl = GetUrlString('id');  *             if (myurl != null && myurl.toString().length > 1) {  *                  alert(GetUrlString(&q

使用JavaScript获取地址栏参数的方法_javascript技巧

复制代码 代码如下: /**  *  获取地址栏参数  *  * @example GetUrlString('id')  *  * @desc    调用时加上判断,保证程序不会出错  *             var myurl = GetUrlString('id');  *             if (myurl != null && myurl.toString().length > 1) {  *                  alert(GetUrlStrin

JavaScript实现页面之间传递参数的方法

javascript|页面 function getparastr(strname)  {   var hrefstr,pos,parastr,para,tempstr;   hrefstr = window.location.href;   pos = hrefstr.indexOf("?")   parastr = hrefstr.substring(pos+1);   para = parastr.split("&");   tempstr="

springMvc源码学习之:spirngMVC获取请求参数的方法2

@RequestParam,你一定见过:@PathVariable,你肯定也知道:@QueryParam,你怎么会不晓得?!还有你熟悉的他 (@CookieValue)!她(@ModelAndView)!它(@ModelAttribute)!没错,仅注解这块,spring mvc就为你打开了五彩斑斓的世界.来来来,不要兴(mi)奋(hu),坐下来,我们好好聊聊这么些个注解兄弟们~~~(wait, 都没有听过? 好,来,你坐前排,就你!)   一.spring mvc如何匹配请求路径--"请求路径

javascript实现浏览器窗口传递参数的方法_javascript技巧

a.html <html> <head> <title>主页面</title> <script language="javascript" type="text/javascript"> function OpenNew() { var im=new IDAndMethod(); im.ID=document.getElementById("txtID").value; window.s

location.search在客户端获取Url参数的方法_javascript技巧

复制代码 代码如下: var id; function getid() { var url=location.search; var Request = new Object(); if(url.indexOf("?")!=-1) { var str = url.substr(1) //去掉?号 strs = str.split("&"); for(var i=0;i<strs.length;i++) { Request[strs[i].split(&

javascript/jquery获取地址栏url参数的方法

 本篇文章主要是对javascript/jquery获取地址栏url参数的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作   1.jquery获取url很简单,代码如下  代码如下: window.location.href;    其实只是用到了javascript的基础的window对象,并没有用jquery的知识   2.jquery获取url参数比较复杂,要用到正则表达式,所以学好javas