【问题标题】:Get url parameter with jquery用jquery获取url参数
【发布时间】:2016-04-19 08:20:33
【问题描述】:

我想使用 jquery 读出一个 url 参数并将这个参数绑定到一个变量中。我已经看到了很多方法来解决它,但绝对没有一个适合我。

http://relaunch.headonline.de/projekte/#filter=kataloge-database

->我使用的是“#”而不是“&”或“?”!

这是我当前的 javascript:

function $_GET(param) {
    var vars = {};
    window.location.href.replace( location.hash, '' ).replace( 
        /[?&]+([^=&]+)=?([^&]*)?/gi, // regexp
        function( m, key, value ) { // callback
            vars[key] = value !== undefined ? value : '';
        }
    );

    if ( param ) {
        return vars[param] ? vars[param] : null;    
    }
    return vars;
}

var filter = $_GET('filter');

【问题讨论】:

  • 你期待什么输出?您需要数组中的所有keyvalue
  • 我的预期输出是 url 参数,在本例中为“kataloge-database”。 -> relaunch.headonline.de/projekte/#filter=kataloge-database
  • 我已经更新了我的答案。如果您需要任何更改,请告诉我。

标签: javascript jquery url get


【解决方案1】:
var url = window.location.href;
var arguments = url.split('#')[1].split('=');
arguments.shift();

工作示例

var url = "http://relaunch.headonline.de/projekte/#filter=kataloge-database";
var arguments = url.split('#')[1].split('=');
arguments.shift();
alert(arguments)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

var url = window.location.href;
var arguments = url.split('#').pop().split('=').pop();

工作示例

var url = "http://relaunch.headonline.de/projekte/#filter=kataloge-database";
var arguments = url.split('#').pop().split('=').pop();
alert(arguments)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

【讨论】:

  • 谢谢你,里诺! :) 工作正常!
  • 很高兴:)
  • var arguments = url.split('page=')[1].split('&')[0];
【解决方案2】:

这样使用

http://relaunch.headonline.de/projekte/#filter=kataloge-database

var searchParams = new URLSearchParams(window.location.search)

if(searchParams.has('#filter') // true {
 var param = searchParams.get('sent');
 console.log(param);
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-05-14
    • 2014-11-11
    • 2011-07-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多