Question

例如，我有一个这样的网址：www.mysite.com/my_app.html

如何向其传递值“Use_Id = abc”并使用javascript在该页面上显示？

Answer 1

在不需要外部库的情况下编写自己的文件应该不会太难。

// www.mysite.com/my_app.html?Use_Id=abc 

var GET = {};
var query = window.location.search.substring(1).split("&");
for (var i = 0, max = query.length; i < max; i++)
{
    if (query[i] === "") // check for trailing & with no param
        continue;

    var param = query[i].split("=");
    GET[decodeURIComponent(param[0])] = decodeURIComponent(param[1] || "");
}

用法：GET.Use_id或GET["Use_id"]。您还可以使用"Use_id" in GET检查参数是否存在，即使它具有空值（将返回true或false）。

Answer 2

调用页面www.mysite.com/my_app.html?Use_Id=abc

然后在该页面中使用javascript函数，如：

var urlParam = function(name, w){
    w = w || window;
    var rx = new RegExp('[\&|\?]'+name+'=([^\&\#]+)'),
        val = w.location.search.match(rx);
    return !val ? '':val[1];
}

使用它：

var useId = urlParam('Use_Id');

第二个参数w是可选的，但如果您想要读取iframe或父窗口上的参数，则非常有用。

Answer 3

www.mysite.com/my_app.html?use_id=abs

var qs = new QueryString()

// use_id is now available in the use_id variable
var use_id = qs.get("use_id");

获取QueryString()代码here

Answer 4

www.mysite.com/my_app.html?Use_Id=abc


var querystring = window.location.querystring;
var myValue = querystring["Use_Id"];

更新：链接到库（感谢@Andy E），http://prettycode.org/2009/04/21/javascript-query-string/

Answer 5

这里有一个类似的问题What is the easiest way to read/manipulate query string params using javascript?

似乎建议使用jQuery的Querystring插件：http://plugins.jquery.com/project/query-object

Answer 6

您的服务器端脚本可以读取该值并将其设置在一个隐藏的表单字段中，您的JS可以随后读取该字段。

如何通过url将参数传递给javascript并将其显示在页面上？

6 个答案: