jQuery使用URL传参

jQuery使用URL传参,第1张

建议哈,先 encodeURI 一下再去拼接url,再去目标的 decode 一下。不过,把信息放在url里面是不是不太合适啊,什么session cookie localstorage 都是不错的选择

因为你的img是在repeater内,生成ID是不固定的所以推荐这么做:

首先给table定义一个id为"tbContent"

jquery代码块:

$(function(){

$("#tbContent img")click(function(){

$("input:image")attr("src",$(this)attr("src"));

});

});

在它上面<script language="javascript" src="jqueryqueryjs"> </script>

加上<script src=">

复制代码

代码如下:

$request

=

(function

()

{

var

apiMap

=

{};

function

request(queryStr)

{

var

api

=

{};

if

(apiMap[queryStr])

{

return

apiMap[queryStr];

}

apiqueryString

=

(function

()

{

var

urlParams

=

{};

var

e,

d

=

function

(s)

{

return

decodeURIComponent(sreplace(/\+/g,

"

"));

},

q

=

queryStrsubstring(queryStrindexOf('')

+

1),

r

=

/([^&=]+)=([^&])/g;

while

(e

=

rexec(q))

urlParams[d(e[1])]

=

d(e[2]);

return

urlParams;

})();

apigetUrl

=

function

()

{

var

url

=

queryStrsubstring(0,

queryStrindexOf('')

+

1);

for

(var

p

in

apiqueryString)

{

url

+=

p

+

'='

+

apiqueryString[p]

+

"&";

}

if

(urllastIndexOf('&')

==

urllength

-

1)

{

return

urlsubstring(0,

urllastIndexOf('&'));

}

return

url;

}

apiMap[queryStr]

=

api;

return

api;

}

$extend(request,

request(windowlocationhref));

return

request;

})();

接下来简介绍一下插件的用法。

我们可以通过

$requestqueryString["key"]

就能获取到地址栏上面key参数

大多数情况下我用这个插件来读取一些配置信息。

我们有时候会在

html

标签中加入一些其他的非HTML属性来作为标志信息,比如我们有时候会写<a

id="demo"

href="javascript:;"

config="title=hello&auto=true&">Demo</a>

这样子我们通过

var

config

=

$request($("#demo")attr("config"))queryString;

var

title

=

configtitle;

很方便就能读取a上面的配置信息,而且我们不需要给a

添加太多其他的非Html属性。

好像jquery未封装有直接获取的方法,请参考javascript原生方法:

>

可以新建一个js文件,内容如下:

(function ($) {

$getUrlParam = function(name)

{

var reg = new RegExp("(^|&)"+ name +"=([^&])(&|$)");

var r = windowlocationsearchsubstr(1)match(reg);

if (r!=null) return unescape(r[2]); return null;

}

}) (jQuery);

在要获取url参数的页面导入这个js,想要获取参数,就这样写:

var name = $getUrlParam("name");

$getUrlParam("name")的参数name就是url里面的参数名称。

jquery获取url参数的办法:

function jsGetUrlParam(name) {

var reg = new RegExp("(^|&)" + name + "=([^&])(&|$)");

var r = windowlocationsearchsubstr(1)match(reg);

if (r != null) return unescape(r[2]); return null;

}

一句话概括,纯html页面之间的传值可以通过url后面的参数进行比如:

bhtmlteacher=xx&time=xxx

回到问题中,首先从ahtml到bhtml需要一个跳转方式,比方说在ahtml页面里面你有一个链接:

<a href="bhtml" id="toPageB">跳转到b页面</a>

剩下的就好办了,依次取得你需要的参数,然后修改页面url:

var dataFromLi=[$("#Teachername")text(),$("#Credit_hour")text()];

$("#toPageB")attr("href","bhtmldata="+dataFromLi);

然后在bhtml页面解析url,获取参数。

更新,如何根据url获取参数:

windowlocationsearch 会返回所有地址栏从“”开始的字符串。获取某个参数值可以通过正则,下面是一个简单的获取参数的函数:

function getURLParameter(name) {

return decodeURIComponent((new RegExp('[|&]' + name + '=' + '([^&;]+)(&|#|;|$)')exec(locationsearch)||[,""])[1]replace(/\+/g, '%20'))||null;

}

如果你采用jQuery,你可以用更简单的办法:

$url()param('data');

新建一个js文件,内容如下:

(function ($) {

$getUrlParam = function(name)

{

var reg = new RegExp("(^|&)"+ name +"=([^&])(&|$)");

var r = windowlocationsearchsubstr(1)match(reg);

if (r!=null) return unescape(r[2]); return null;

}

}) (jQuery);

在要获取url参数的页面导入这个js,想要获取参数,就这样写:

var name = $getUrlParam("name");

$getUrlParam("name")的参数name就是url里面的参数名称。

以上就是关于jQuery使用URL传参全部的内容,包括:jQuery使用URL传参、CC老师:jquery 获取img url参数 并传给另外一个img 怎么弄啊、急急急 使用jquery.query 插件获取url的参数 为什么提示$未定义啊 我都照着网上的做的等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9341330.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存