JS中对URL进行转码与解码 url中传递对象参数 数组参数

目录

url中传递对象参数的实际应用

1. escape 和 unescape

2. encodeURI 和 decodeURI

例1

3. encodeURIComponent 和 decodeURIComponent

例1

例2 　　

---

url中传递对象参数的实际应用

// 库存列表页面

listItem={
    nums:0,
    ware_name:"南京库房",
    ware_id:2,"dev_name":"长方形桌子",
    dev_id:1,
    dev_imgs:"http://nursing-ai.dev.vipwifi.com//upload/2021-03-28/images/4v2lXFHb772S21W3W16atoaXgYq0CvfYFTl5dBpM.png"
}


let obj=JSON.stringify(listItem)
				
uni.navigateTo({
	url: '/pages/maintain/Detail?option=' + encodeURI(obj)
})




//库存详情页面

"http://localhost:8080/pages/maintain/Detail?option=%257B%2522nums%2522%3A0,%2522ware_name%2522%3A%2522%25E5%258D%2597%25E4%25BA%25AC%25E5%25BA%2593%25E6%2588%25BF%2522,%2522ware_id%2522%3A2,%2522dev_name%2522%3A%2522%25E9%2595%25BF%25E6%2596%25B9%25E5%25BD%25A2%25E6%25A1%258C%25E5%25AD%2590%2522,%2522dev_id%2522%3A1,%2522dev_imgs%2522%3A%2522http%3A%2F%2Fnursing-ai.dev.vipwifi.com%2F%2Fupload%2F2021-03-28%2Fimages%2F4v2lXFHb772S21W3W16atoaXgYq0CvfYFTl5dBpM.png%2522%257D"


this.devInfo=JSON.parse(decodeURI(option))


this.devInfo={
    nums:0,
    ware_name:"南京库房",
    ware_id:2,"dev_name":"长方形桌子",
    dev_id:1,
    dev_imgs:"http://nursing-ai.dev.vipwifi.com//upload/2021-03-28/images/4v2lXFHb772S21W3W16atoaXgYq0CvfYFTl5dBpM.png"

}

1. escape 和 unescape

escape()不能直接用于URL编码，它的真正作用是返回一个字符的Unicode编码值。

采用unicode字符集对指定的字符串除0-255以外进行编码。所有的空格符、标点符号、特殊字符以及更多有联系非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。比如，空格符对应的编码是%20。
escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z。

escape()函数用于js对字符串进行编码，不常用。

　var url = "http://localhost:8080/pro?a=1&b=张三&c=aaa";
　　escape(url)  -->   http%3A//localhost%3A8080/pro%3Fa%3D1%26b%3D%u5F20%u4E09%26c%3Daaa  
 

2. encodeURI 和 decodeURI

把URI字符串采用UTF-8编码格式转化成escape各式的字符串。
encodeURI不编码字符有82个：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z

 encodeURI()用于整个url编码

例1

　var url = "http://localhost:8080/pro?a=1&b=张三&c=aaa";
　　encodeURI(url)  -->   http://localhost:8080/pro?a=1&b=%E5%BC%A0%E4%B8%89&c=aaa 

3. encodeURIComponent 和 decodeURIComponent

与encodeURI()的区别是，它用于对URL的组成部分进行个别编码，而不用于对整个URL进行编码。

因此，"; / ? : @ & = + $ , #"，这些在encodeURI()中不被编码的符号，在encodeURIComponent()中统统会被编码。至于具体的编码方法，两者是一样。把URI字符串采用UTF-8编码格式转化成escape格式的字符串。

encodeURIComponent() 用于参数的传递，参数包含特殊字符可能会造成间断。

例1

　var url = "http://localhost:8080/pro?a=1&b=张三&c=aaa";
　　encodeURIComponent(url) --> http%3A%2F%2Flocalhost%3A8080%2Fpro%3Fa%3D1%26b%3D%E5%BC%A0%E4%B8%89%26c%3Daaa

例2 　　

 var url = "http://localhost:8080/pp?a=1&b="+ paramUrl,

　　var paramUrl = "http://localhost:8080/aa?a=1&b=2&c=3";
　　应该使用encodeURIComponent()进行转码　　　
encodeURIComponent(paramUrl) --> http://localhost:8080/pp?a=1&b=http%3A%2F%2Flocalhost%3A8080%2Faa%3Fa%3D1%26b%3D2%23%26c%3D3