jquery - jQuery从url获取信息

Question

我正在寻找一个类似于 PHP 的 $_GET 的 jQuery 代码。在这样的链接中，http://example.com/index.php?page=pics&action=show我想获取“页面”和“操作”值。在 PHP 中它很容易完成，但我在 jQuery 中需要它。我试图获取整个网址，$(location).attr('href');但后来我不得不过滤它，我很确定有一种更简单的方法。

谢谢指教。

Answer 1

这里列出了很多方法来做到这一点。我推荐JQuery URL Parser。

只需将 URL 解析器脚本添加到您的页面并按以下方式使用它

$.url('http://xyz.com?param1=abc&param2=def').param('param1'); // returns 'abc'

Answer 2

我已经为上述解决方案完成了完整的垃圾箱。

请按照以下步骤操作：

1) 包括最新的 jquery.js 文件。

2) 包含 querystring-0.9.0.js 用于在 js 中获取查询字符串变量值。

3）HTML：

<a href="#?param1=abc&param2=def">
  abc
</a>

在这里，我使用了“#?​​param1=abc¶m2=def”，因为在 bin 上不可能重定向页面并执行我们的 java 脚本，所以我刚刚在同一页面上添加了查询字符串并对其进行了测试。

4）脚本标签中的jQuery：

$(function() {
    $("a").click(function() {
        setTimeout(function() {
            var param1 = $.QueryString("param1");
            var param2 = $.QueryString("param2");
            alert(param1);
            alert(param2);
        }, 300);

    });
});

上面的脚本工作正常，如果在同一页面上添加了查询字符串，但对于不同的页面导航，您必须删除 setTimeout 函数但保留脚本在其中并在您所在的页面上执行如下语句使用查询字符串导航。因此，不同的导航需要首先包含 jquery 和 querystring-0.9.0.js 这两个 java 脚本文件。

 $(function() {
           var param1 = $.QueryString("param1");
           var param2 = $.QueryString("param2");
           alert(param1);
           alert(param2);
 });

你可以试试http://codebins.com/bin/4ldqpac