javascript - 如何在不刷新页面的情况下获取URL的参数？

Question

这个问题已经有答案了:

How can I get query string values in JavaScript? (73 个回​​答)

已关闭 10 年前。

我有以下问题:

我正在使用以下函数来检索 URL 的 GET 参数。

$(document).ready(function() {    
function getParam(variable) {
            var query = window.location.search.substring(1);
            var vars = query.split("&");
            for ( var i = 0; i < vars.length; i++) {
                var pair = vars[i].split("=");
                if (pair[0] == variable) {
                    return pair[1];
                }
            }
            return ("");
        }
});

例如，我有 URL http://example.com/?radius=5&lat=31.312我想要“半径”的值

var radius = getParam("radius");

问题:在 URL 中，我可以看到半径的值为“5”，但是当我运行 console.log("radius " + radius); 时只有刷新浏览器页面后，该值才能正确显示。

为什么第一次加载页面时没有正确检索到值？有人有解决这个问题的想法吗？

我通过从另一个 html 提交的表单获取参数，并且我想在当前 html 上使用它们

Answer 1

这是读取查询字符串参数的标准程序: http://www.webreference.com/programming/javascript/jkm/2.html

从该页面底部的链接将 param.js 上传到您的网站并将其包含在脚本元素中:

 <script src="[...]param.js"></script> 

无论页面加载到哪个阶段，都可以调用函数param()来读取参数，例如:

var q = param();
var radius = q.radius;