jquery跳转页面参数传递

调用Getparam.js

Getparam.js代码如下：

// Getparam.js
(function ($) {$.extend({//1、取值使用    $.Request("name")Request: function (name) {var sValue = location.search.match(new RegExp("[\?\&]" + name + "=([^\&]*)(\&?)", "i"));//decodeURIComponent解码return sValue ? decodeURIComponent(sValue[1]) : decodeURIComponent(sValue);},//2、给url加参数    $.UrlUpdateParams(url, "add", 11111);UrlUpdateParams: function (url, name, value) {var r = url;if (r != null && r != 'undefined' && r != "") {value = encodeURIComponent(value);var reg = new RegExp("(^|)" + name + "=([^&]*)(|$)");var tmp = name + "=" + value;if (url.match(reg) != null) {r = url.replace(eval(reg), tmp);} else {if (url.match("[\?]")) {r = url + "&" + tmp;} else {r = url + "?" + tmp;}}}return r;}});
})(jQuery);

页面1代码

<!-- 页面1代码 -->
<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8"><script src="jquery-1.11.1.min.js"></script></head><body><div id="name">tony</div><div id="age">23</div><button id="btn">跳转</button></body><script>$(function(){name = $("#name").text();age = $("#age").text();$("#btn").on("click",function(){jump1();});});function jump1(){url = "参数传递2.html?name="+name+"&age="+age;//此处拼接内容window.location.href = url;}</script>
</html>

页面2代码：

<!-- 页面2代码 -->
<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8"><script src="jquery-1.11.1.min.js"></script><script src="Getparam.js"></script></head><body><div id="name"></div><div id="age"></div></body><script>$(function(){getData1();});function getData1(){var name=$.Request("name");var age=$.Request("age");console.log(name);console.log(age);$('#name').text(name);$('#age').text(age);}</script>
</html>

jquery跳转页面参数传递相关推荐

Jquery跳转页面的方式
Jquery跳转页面的方式 1.利用http的重定向来跳转 window.location.replace("http://www.php.cn"); 注意该方式是直接替换当前页面 ...
jquery跳转页面
重定向 window.location.replace("http://www.baidu.com"); 2.使用href来跳转 window.location.href = &q ...
php jq跳转页面跳转,jquery中怎么跳转页面
jquery跳转页面的方法:通过使用属性替换方法attr()或prop()来实现跳转,如[$(location).attr('href', 'url地址')].[$(location).prop('h ...
jquery中如何表达本页网址_jquery中怎么跳转页面？
jquery中怎么跳转页面?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. jquery中怎么跳转页面? 首先我们来看看JavaScript中是怎么跳转页 ...
jquerymobile页面跳转和参数传递
http://blog.csdn.net/chen052210123/article/details/7481578 页面跳转: 页面跳转时pagebeforechange事件会被触发两次,通过$(d ...
使用jQuery跳转到指定页面
使用jQuery跳转到指定页面 js重定向使用jQuery属性替换方法 js重定向 1.利用http的重定向来跳转 window.location.replace("http://www. ...
jq ajax请求页面跳转页面,使用jquery.get提交页面没有跳转的解决方法
代码如下: 复制代码代码示例: CodeFile="Default.aspx.cs" Inherits="_Default" %> window.loc ...
vue页面跳转和参数传递
目标:两种方式,实现vue组件间跳转和参数传递一.路由方式页面跳转当前组件使用$.router.push,通过参数name对应路由中目标组件的name实现跳转参数传递传值:当前组件使用$.r ...
jquery的$.alerts.alert怎么实现点击后跳转页面
jquery插件有个自带的弹窗效果,若要实现关闭弹窗后跳转页面或刷新页面,可进行如下操作 $.alerts.alert("这里是显示的内容","这里是标题",& ...

jquery跳转页面参数传递

jquery跳转页面参数传递相关推荐

最新文章

热门文章