使用jquery获取url参数

Get url parameter with jquery

本文关键字:参数 url 获取 jquery 使用      更新时间:2023-09-26

我想使用jquery读取一个url参数,并将其绑定到一个变量中。我见过很多解决问题的方法,但肯定没有人为我工作

http://relaunch.headonline.de/projekte/#filter=kataloge-数据库

->我使用的是"#"而不是"&"或者"?"

这是我当前的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');
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>

像这样使用

http://relaunch.headonline.de/projekte/#filter=kataloge-数据库

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