jquery html解码字符串,jquery如何编码和解码url？

喜欢ヅ旅行 2022-10-07 08:50 458阅读 0赞

jquery如何编码和解码url？下面本篇文章给大家介绍一下用jquery编码和解码url的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

![5eb3d8efd181f507.jpg][]

在jQuery中，我们可以使用以下方法实现URL的编码和解码：encodeURIComponent(url) ：可把字符串作为 URI 组件进行编码。

decodeURIComponent(url)：可对 encodeURIComponent() 函数编码的 URI 进行解码。

示例：使用 encodeURIComponent()和decodeURIComponent() 对编码后的 URI 进行编码和解码：

var uri="https://www.html.cn/qa/jquery/";

var uri\_encode=encodeURIComponent(uri);

document.write(uri\_encode);

document.write("  
");

document.write(decodeURIComponent(uri\_encode));

输出：https%3A%2F%2Fwww.html.cn%2Fqa%2Fjquery%2F

https://www.html.cn/qa/jquery/

拓展：对Url中的非法字符进行编码

Url编码通常也被称为百分号编码(Url Encoding，also known as percent-encoding)，是因为它的编码方式非常简单，使用%百分号加上两位的字符——0123456789ABCDEF——代表一个字节的 十六进制形式。Url编码默认使用的字符集是US-ASCII。例如a在US-ASCII码中对应的字节是0x61，那么Url编码之后得到的就 是%61，我们在地址栏上输入http://g.cn/search?q=%61%62%63，实际上就等同于在google上搜索abc了。又如@符号 在ASCII字符集中对应的字节为0x40，经过Url编码之后得到的是%40。

常见字符的Url编码列表：保留字符的Url编码!\*"'();:@&

%21%2A%22%27%28%29%3B%3A%40%26

=+$,/?%\#\[\]

%3D%2B%24%2C%2F%3F%25%23%5B%5D

对于非ASCII字符，需要使用ASCII字符集的超集进行编码得到相应的字节，然后对每个字节执行百分号编码。 对于Unicode字符，RFC文档建议使用utf-8对其进行编码得到相应的字节，然后对每个字节执行百分号编码。如“中文”使用UTF-8字符集得到 的字节为0xE4 0xB8 0xAD 0xE6 0x96 0x87，经过Url编码之后得到“%E4%B8%AD%E6%96%87”。

如果某个字节对应着ASCII字符集中的某个非保留字符，则此字节无需使用百分号表示。 例如“Url编码”，使用UTF-8编码得到的字节是0x55 0x72 0x6C 0xE7 0xBC 0x96 0xE7 0xA0 0x81，由于前三个字节对应着ASCII中的非保留字符“Url”，因此这三个字节可以用非保留字符“Url”表示。最终的Url编码可以简化成 “Url%E7%BC%96%E7%A0%81” ，当然，如果你用"%55%72%6C%E7%BC%96%E7%A0%81”也是可以的。

更多web前端开发知识，请查阅 HTML中文网 ！！

[5eb3d8efd181f507.jpg]: /images/20221005/fa9877e4b9374d6aa4ccb7902928b6ef.png