我正在寻找一个jQuery插件，可以获得URL参数，并支持这个搜索字符串而不输出JavaScript错误:“畸形的URI序列”。如果没有jQuery插件支持这一点，我需要知道如何修改它来支持这一点。
?search=%E6%F8%E5
URL参数的值，当解码时，应该是:
æøå
(人物是挪威人)。
我没有访问服务器的权限，所以我不能在上面修改任何东西。
当前回答
<script type="text/javascript">
function getURLParameter(name) {
return decodeURIComponent(
(location.search.toLowerCase().match(RegExp("[?|&]" + name + '=(.+?)(&|$)')) || [, null])[1]
);
}
</script>
getURLParameter(id)或getURLParameter(id)工作方式相同:)
其他回答
function getURLParameters(paramName)
{
var sURL = window.document.URL.toString();
if (sURL.indexOf("?") > 0)
{
var arrParams = sURL.split("?");
var arrURLParams = arrParams[1].split("&");
var arrParamNames = new Array(arrURLParams.length);
var arrParamValues = new Array(arrURLParams.length);
var i = 0;
for (i=0;i<arrURLParams.length;i++)
{
var sParam = arrURLParams[i].split("=");
arrParamNames[i] = sParam[0];
if (sParam[1] != "")
arrParamValues[i] = unescape(sParam[1]);
else
arrParamValues[i] = "No Value";
}
for (i=0;i<arrURLParams.length;i++)
{
if(arrParamNames[i] == paramName){
//alert("Param:"+arrParamValues[i]);
return arrParamValues[i];
}
}
return "No Parameters Found";
}
}
你真正想要的是jQuery URL解析器插件。使用这个插件，获取特定URL参数的值(对于当前URL)看起来像这样:
$.url().param('foo');
如果你想要一个以参数名为键，以参数值为值的对象，你只需要调用不带参数的param()，就像这样:
$.url().param();
这个库也适用于其他url，而不仅仅是当前的url:
$.url('http://allmarkedup.com?sky=blue&grass=green').param();
$('#myElement').url().param(); // works with elements that have 'src', 'href' or 'action' attributes
因为这是一个完整的URL解析库，你也可以从URL中获得其他信息，比如指定的端口，或者路径，协议等:
var url = $.url('http://allmarkedup.com/folder/dir/index.html?item=value');
url.attr('protocol'); // returns 'http'
url.attr('path'); // returns '/folder/dir/index.html'
它还有其他功能，请查看其主页以获得更多文档和示例。
在大多数情况下，不要为这个特定的目的编写自己的URI解析器，而是使用一个实际的URI解析器。根据答案的不同，来自其他答案的代码可以返回'null'而不是null，不能与空参数(?foo=&bar=x)一起工作，不能一次解析并返回所有参数，如果你反复查询URL的参数等，重复这项工作。
使用实际的URI解析器，不要自己发明。
对于那些不喜欢jQuery的人来说，这个插件有一个纯JS版本。
如果你不知道URL参数是什么，并且想要获得一个包含参数中的键和值的对象，你可以使用这个:
function getParameters() {
var searchString = window.location.search.substring(1),
params = searchString.split("&"),
hash = {};
if (searchString == "") return {};
for (var i = 0; i < params.length; i++) {
var val = params[i].split("=");
hash[unescape(val[0])] = unescape(val[1]);
}
return hash;
}
用类似/posts的url调用getParameters() ?日期=9/10/11&作者=nilbus将返回:
{
date: '9/10/11',
author: 'nilbus'
}
我不会在这里包括代码，因为它甚至远离问题，但weareon.net发布了一个库，允许操作URL中的参数:
博客:http://blog.weareon.net/working-with-url-parameters-in-javascript/ 代码:http://pastebin.ubuntu.com/1163515/
以下是我从这里的评论中创建的内容，以及修复没有提到的错误(例如实际返回null，而不是'null'):
function getURLParameter(name) {
return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null;
}
你不应该使用jQuery来做这样的事情! 现代的方法是通过包管理器(如Bower)使用小型可重用模块。
我创建了一个小模块，可以将查询字符串解析为对象。像这样使用它:
// parse the query string into an object and get the property
queryString.parse(unescape(location.search)).search;
//=> æøå
