URL编码、解码

最新推荐文章于 2023-08-26 18:48:31 发布

飞扬_柳絮

最新推荐文章于 2023-08-26 18:48:31 发布

阅读量1.7k

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/tjcjava/article/details/78403575

版权

URL编码：
　通过页面传输数据给服务器时，如果包含了一些特殊字符是无法发送的。这时就需要先把要发送的数据转换成URL编码格式，再发送给服务器。服务器会自动识别出数据是使用URL编码过的，然后会自动把数据转换回来

URL编码、解码的4个方法
　encodeURL() encodeURLComponent() decodeURL() decodeURLComponent()
一、区别：
　编码的字符范围不同 encodeURI() > encodeURLComponent()
　
encodeURI()　不包括以下字符：
这里写图片描述　
encodeURIComponent()
　不包括：字母、数字、~!*()’

二、适合场景
　1、如果需要编码整个URL，再使用这个URL，那么用encodeURI()
　eg:

encodeURI("http://www.cnblogs.com/season-huang/some other thing");

　编码后会变为，其中，空格被编码成了%20。

"http://www.cnblogs.com/season-huang/some%20other%20thing";

　如果使用encodeURIComponent()，连 “/” 都被编码了，整个URL已经没法用了。

"http%3A%2F%2Fwww.cnblogs.com%2Fseason-huang%2Fsome%20other%20thing"

　２、当需要编码URL中参数的时候，使用encodeURIComponent()

var param = "http://www.cnblogs.com/season-huang/"; //param为参数
param = encodeURIComponent(param);
var url = "http://www.cnblogs.com?next=" + param;
console.log(url) //"http://www.cnblogs.com?next=http%3A%2F%2Fwww.cnblogs.com%2Fseason-huang%2F"

参数中的 “/” 可以编码，如果用encodeURI()肯定要出问题，因为后面的/是需要编码的