js获取url 中的值,并跳转相应页面

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js获取url 中的值,并跳转相应页面相关的知识,希望对你有一定的参考价值。

现在又1个链接是这种形式,
http://s1.abc.com/go/list.html?q=12233
这个是搜索的页面,q= 12233中的12233 是url中的关键字,
现在我想让他跳转到另外一个页面,例如 跳转到
http://s2.abc.com/go/list.html?q=12233
该怎么做, 就是我如何通过js来写代码,取得q的值,然后又如何让他带着这个值打开另外一个页面?
做成功了分全给你了

实现方法:
一:获取URL带QUESTRING参数的javascript客户端解决方案,相当于asp的request.querystring,php的$_GET
1.函数:

<Script language="javascript">
function GetRequest()

var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1)
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i ++)
theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);


return theRequest;

</Script>

2.然后通过调用此函数获取对应参数值:

<Script language="javascript">
var Request = new Object();
Request = GetRequest();
var 参数1,参数2,参数3,参数N;
参数1 = Request[\'\'参数1\'\'];
参数2 = Request[\'\'参数2\'\'];
参数3 = Request[\'\'参数3\'\'];
参数N = Request[\'\'参数N\'\'];
</Script>
以此获取url串中所带的同名参数

二、正则分析法。
function GetQueryString(name)
var reg = new
RegExp("(^|&)" + name +
"=([^&]*)(&|$)","i");
var r =
window.location.search.substr(1).match(reg);
if (r!=null) return
(r[2]); return null;

alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));

其他参数获取介绍:
//设置或获取对象指定的文件名或路径。
alert(window.location.pathname);

//设置或获取整个 URL
为字符串。
alert(window.location.href);

//设置或获取与 URL
关联的端口号码。
alert(window.location.port);

//设置或获取 URL
的协议部分。
alert(window.location.protocol);

//设置或获取 href
属性中在井号“#”后面的分段。
alert(window.location.hash);

//设置或获取 location 或 URL 的
hostname 和 port 号码。
alert(window.location.host);

//设置或获取 href
属性中跟在问号后面的部分。
alert(window.location.search);
参考技术A 给分儿吧,本人爱财不好色!

var l=location.toString();
var q="";
if(l.indexOf("q=")>=0)
q=l.split("q=")[1].split("&")[0];

if(q!="")
location.href="http://s2.abc.com/go/list.html?q="+q;
else
alert("参数不能为空");
本回答被提问者采纳
参考技术B var l=location.toString();
var q="";
if(l.indexOf("q=")>=0)
q=l.split("q=")[1].split("&")[0];

if(q!="")
location.href="http://s2.abc.com/go/list.html?q="+q;
else
alert("参数不能为空");
参考技术C <script type="text/javascript">
location.replace("http://s2.abc.com/go/list.html"+location.search);
</script>

AJAX扩展-POST传递参数并跳转页面

直接上扩展的代码

$.extend({
    StandardPost:function(url,args){
        var form = $("<form method=‘post‘></form>"),
            input;
        form.attr({"action":url});
        $.each(args,function(key,value){
            input = $("<input type=‘hidden‘>");
            input.attr({"name":key});
            input.val(value);
            form.append(input);
        });
        form.submit();
    }
});

  

技术分享技术分享

简单的调用

$.StandardPost(‘url/path/req‘,{arg0:‘arg0‘,arg1:‘arg1‘});

  

技术分享技术分享

以上是关于js获取url 中的值,并跳转相应页面的主要内容,如果未能解决你的问题,请参考以下文章

Jquery跳转页面传递参数以及获取url的参数

js判断手机访问并跳转到相应页面

treeview 节点的属性NavigateUrl如何带参跳转并跳转到指定页面?

如何在页面获取页面控件的值,并作为参数传递

js获取url并截取相应的字段,js解决url获取中文字段乱码问题

如何获取url的参数,并完成指定页面跳转。