在web开发中，我们经常需要使用jquery获取url中的参数。然而，当url中包含中文字符时，我们很容易遇到中文乱码问题。在这篇文章中，我们将介绍如何使用jquery获取url中的中文参数，以及如何处理中文乱码问题。
一、获取URL中的参数
获取URL中的参数通常有两种方式：
- 使用window.location.search方法获取参数字符串，然后解析成键值对。
- 使用正则表达式匹配URL中的参数。
下面我们分别介绍这两种方法。
- 使用window.location.search方法获取参数字符串
window.location.search方法可以获取URL中的参数字符串，例如：
http://example.com/index.html?id=123&name=张三
可以使用以下代码获取参数字符串：
var paramsStr = window.location.search; // 返回 ?id=123&name=张三
然后，我们可以使用JavaScript内置函数decodeURIComponent()来解析参数字符串，将其转换为键值对的形式：
function getParams(url) {
var paramsStr = url.split("?")[1]; // 获取参数字符串
var paramsArr = paramsStr.split("&"); // 将参数字符串转换为数组
var paramsObj = {};
for (var i = 0, len = paramsArr.length; i < len; i++) {
var arr = paramsArr[i].split("=");
var name = decodeURIComponent(arr[0]); // 解码中文字符
var value = decodeURIComponent(arr[1]);
paramsObj[name] = value; // 将键值对添加到paramsObj中
}
return paramsObj;
}
var params = getParams(window.location.href);
console.log(params.id); // 输出 123
console.log(params.name); // 输出 张三这里要注意使用decodeURIComponent()解码中文字符，否则会出现乱码问题。
- 使用正则表达式匹配URL中的参数
正则表达式可以在URL中匹配指定的参数值，例如：
http://example.com/index.html?id=123&name=张三
可以使用以下正则表达式匹配id参数的值：
var url = window.location.href; var idReg = /id=(d+)/; var id = idReg.exec(url)[1]; console.log(id); // 输出 123
这里使用正则表达式id=(d+)来匹配id参数的值，其中d表示数字，+表示多个数字，()用于分组捕获匹配结果。
二、处理中文乱码问题
在获取URL中的中文参数时，我们经常会遇到中文乱码问题。这是因为URL中的中文字符需要进行编码才能正确传输。因此，我们需要在获取URL参数值时对中文字符进行解码，否则会出现乱码。
在JavaScript中，我们可以使用内置函数encodeURIComponent()和decodeURIComponent()对URL中的中文字符进行编码和解码。
- encodeURIComponent()
encodeURIComponent()函数用于对URL中除了字母、数字、(、)、.、!、~、*、'、-和_以外的特殊字符进行编码。例如：
var str = "http://example.com/index.html?id=123&name=张三"; var encoded = encodeURIComponent(str); console.log(encoded); // 输出 http%3A%2F%2Fexample.com%2Findex.html%3Fid%3D123%26name%3D%E5%BC%A0%E4%B8%89
注意，encodeURIComponent()函数不会对空格进行编码，但如果需要将空格编码为%20，可以使用函数replace()替换空格符：
var str = "http://example.com/index.html?id=123&name=张 三"; var encoded = encodeURIComponent(str.replace(/s/g, "%20")); console.log(encoded); // 输出 http%3A%2F%2Fexample.com%2Findex.html%3Fid%3D123%26name%3D%E5%BC%A0%20%E4%B8%89
- decodeURIComponent()
decodeURIComponent()函数用于对URL中的特殊字符进行解码，例如：
var str = "http%3A%2F%2Fexample.com%2Findex.html%3Fid%3D123%26name%3D%E5%BC%A0%E4%B8%89"; var decoded = decodeURIComponent(str); console.log(decoded); // 输出 http://example.com/index.html?id=123&name=张三
需要注意的是，如果URL中的中文字符没有进行正确的编码，会导致解码出现乱码。如果遇到这种情况，可以使用函数unescape()对URL进行解码：
var str = "http://example.com/index.html?id=123&name=张三"; var encoded = escape(str); // 编码 var decoded = unescape(encoded); // 解码 console.log(decoded); // 输出 http://example.com/index.html?id=123&name=张三
这里要注意，unescape()函数已经被废弃，不推荐使用。建议在URL传输时对中文字符进行正确的编码，避免出现乱码问题。
三、结论
获取URL中的参数是Web开发中的基本操作，而中文乱码问题也是常见的开发难点。为了避免这些问题，我们可以使用encodeURIComponent()和decodeURIComponent()函数对URL进行编码和解码。同时，在获取URL参数值时也需要对中文字符进行解码，否则会出现乱码。虽然这些操作可能略显繁琐，但对于中文网站来说，它们是不可或缺的。
