1.产生乱码原因:表单提交使用的method="get",get方式数据都是通过地址栏传输,数据会以iso-8859-1方式传输,因此产生乱码
2.概念:URI: Uniform ResourceIdentifiers,通用资源标识符,有效的URI中不能包含某些字符,例如空格
3.解决编码和解码的方法:
(1)js中decodeURIComponent() 函数的定义与用法:
定义:decodeURIComponent() 函数编码的URI进行解码[encodeURIComponent() 可以对字符串编码]
语法:decodeURIComponent(uri)
(2)js中encodeURI()函数的定义与用法:
定义:encodeURI()函数可以把字符串作为URI进行编码,在URI中具有特殊含义的ASCII标点符号,encodeURI()函数是不会进行转义的【decodeURI()可以解码URI】
语法:encodeURI(uri)
4.方法小结一下:
相同点:
(1)encodeURI(),和encodeURIComponent()是对字符进行编码。
(2)decodeURI(),和decodeURIComponent()是对相应编码过的字符进行解码。区别:
方法中包含的URI()的编码和解码不会对本身属于URI的特殊字符进行编码,例如冒号等;
方法中包含URICompent()的编码和解码则会对它发现的任何非标准字符进行编码进行编码;
5.Demo
<form id="test" accept-charset="utf-8" onsubmit="document.charset='utf-8'">
<input type="text" id="name">
<input type="text" id="age">
</form>
通过调用ajax:
$("#test").form("submit",
{
url:encodeURI("/A/Bmethod"+new Date().getTime()),//有时间函数不转义加上encodeURI
onSubmit:function(p){
p.name=$("#name").val(),
p.age=$("#name").
}
},
success:function(data)
{
data.imageSrc=decodeURIComponent(data.imageurl);//对imageurl进行解密
}
)