前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript 获取 url 上的指定参数值

JavaScript 获取 url 上的指定参数值

作者头像
Nian糕
修改2024-03-16 17:02:09
1.8K0
修改2024-03-16 17:02:09

假设现在有 A 和 B 两个页面,当我们从 A 页面跳转到 B 页面的时候,需要将 A 页面的两个值传递到 B 页面当中,前端可以通过读取缓存的方式,从 B 页面获取到 A 页面的数据,但这样的方式,会让其他端上的数据不同步,所以我们往往通过 url 传参的方式,在 A 页面跳转到 B 页面的时候,通过字符串拼接的方式,将 A 页面上的值链到 url 上,可参考下面的栗子

A 页面

代码语言:javascript
复制
<a href="javascript:void(0);" class="date_btn" data-year="2017" target="_blank">12</a>

$('body').on('click', '.date_btn', function(e){
    e.preventDefault();
    var a_year  = $(this).data('year'),
        a_month = $(this).text(),    
        link    = "index.php?year=" + a_year + "&month=" + a_month;
    window.location = link;
});

假设 B 页面的链接为 https://www.google.com/index.php?year=2017&month=12,则 B 页面获取参数值的方式如下

代码语言:javascript
复制
var date = {
    init: function(){
        this.bindCusEvent();
    },
    getQueryString: function(name) {
        var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"),
            r   = decodeURI(window.location.search).substr(1).match(reg);
        if(r != null){
            return  decodeURI(r[2])
        }else{
            return "";
        }
    },
    bindCusEvent: function() {
        var that  = this,
            b_year  = that.getQueryString('year'),
            b_month = that.getQueryString('month');
        // 利用得到的参数值进行其他操作,如Ajax请求
    }
}

date.init();
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017.12.14 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档