当前位置: 移动技术网 > IT编程>开发语言>JavaScript > form表单提交后结果乱码的解决方法

form表单提交后结果乱码的解决方法

2019年07月21日  | 移动技术网IT编程  | 我要评论
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进行解密
}
)

 

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网