使用AJAX实现UTF8编码表单提交到GBK编码脚本无乱码的解决方法
learningever 2020-09-19
1、表单项目1 GBK编码格式
用户采集单是GBK编码，通过GET/POST提交上来的数据也是GBK格式，无需做任何处理
测试源码
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="GB2312"> </head> <body> <li><a href="gbkForm.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >GBK同编码表单不乱码</a> <li><a href="utf8Form.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >UTF8表单修改前乱码</a> <li><a href="utf8FormRepair.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >UTF8表单修改为AJAX方案后不乱码</a> <li><a href="otherForm.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >其他GBK同编码表单不乱码</a> <li><a href="http://www.miaoqiyuan.cn/p/utf8-submit-gbk-ajax-autocharset" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >测试程序说明</a></a> <hr /> <h2>GET:</h2> <form action="gbkSubmit.asp" method="GET" > QQ:<input name="qq" value="QQ" /><br /> 姓名：<input name="name" value="姓名"/><br /> 地址：<input name="address" value="地址地址地址"/><br /> <button type="submit">GBK表单提交到GBK脚本后不会乱码</button> </form> <h2>POST:</h2> <form action="gbkSubmit.asp" method="POST" > QQ:<input name="qq" value="QQ" /><br /> 姓名：<input name="name" value="姓名"/><br /> 地址：<input name="address" value="地址地址地址"/><br /> <button type="submit">GBK表单提交到GBK脚本后不会乱码</button> </form> </body> </html>
2、表单项目2 UTF8编码格式（可以在不同的域名下）
用户采集单是UTF8编码，通过GET/POST提交上来的数据也是UTF8格式，用表单项目1中的程序接收到的是乱码
测试代码(修改前，提交乱码)：
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF8"> </head> <body> <li><a href="gbkForm.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >GBK同编码表单不乱码</a> <li><a href="utf8Form.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >UTF8表单修改前乱码</a> <li><a href="utf8FormRepair.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >UTF8表单修改为AJAX方案后不乱码</a> <li><a href="otherForm.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >其他GBK同编码表单不乱码</a> <li><a href="http://www.miaoqiyuan.cn/p/utf8-submit-gbk-ajax-autocharset" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >测试程序说明</a></a> <hr /> <h2>GET:</h2> <form action="gbkSubmit.asp" method="GET" > QQ:<input name="qq" value="QQ" /><br /> 姓名：<input name="name" value="姓名"/><br /> 地址：<input name="address" value="地址地址地址"/><br /> <button type="submit">UTF8表单提交到GBK脚本后会乱码</button> </form> <h2>POST:</h2> <form action="gbkSubmit.asp" method="POST" > QQ:<input name="qq" value="QQ" /><br /> 姓名：<input name="name" value="姓名"/><br /> 地址：<input name="address" value="地址地址地址"/><br /> <button type="submit">UTF8表单提交到GBK脚本后会乱码</button> </form> </body> </html>
不需要改变页面编码，只需要修改表单Action地址，增加name=”ConvertCallBack” value=”ProjectA/FormGBK”、name=”ConvertItems” value=”name,qq,bb” 的两个 input即可，不用对页面进行其他调整
编码设置，转换器自动操作。
<form action="convert/utf8.asp"... <input name="ConvertCallBack" value="ProjectA/FormGBK"> <input name="ConvertItems" value="name,qq,address"/> <!-- 根据表单实际情况，修改表单项目 -->
测试代码(修改后)
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF8"> </head> <body> <li><a href="gbkForm.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >GBK同编码表单不乱码</a> <li><a href="utf8Form.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >UTF8表单修改前乱码</a> <li><a href="utf8FormRepair.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >UTF8表单修改为AJAX方案后不乱码</a> <li><a href="otherForm.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >其他GBK同编码表单不乱码</a> <li><a href="http://www.miaoqiyuan.cn/p/utf8-submit-gbk-ajax-autocharset" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >测试程序说明</a></a> <hr /> <h2>GET:</h2> <form action="convert/utf8.asp" method="GET" > QQ:<input name="qq" value="QQ" /><br /> 姓名：<input name="name" value="姓名"/><br /> 地址：<input name="address" value="地址地址地址"/><br /> <input name="ConvertCallBack" value="../gbkSubmit.asp" /> <input name="ConvertItems" value="name,qq,address" /> <button type="submit">AJAX转码方案</button> </form> <h2>POST:</h2> <form action="convert/utf8.asp" method="POST" > QQ:<input name="qq" value="QQ" /><br /> 姓名：<input name="name" value="姓名"/><br /> 地址：<input name="address" value="地址地址地址"/><br /> <input name="ConvertCallBack" value="../gbkSubmit.asp" /> <input name="ConvertItems" value="name,qq,address" /> <button type="submit">AJAX转码方案</button> </form> </body> </html>
3、表单项目3 GBK编码格式（可以在不同的域名下）
没有任何影响，只要按照表单1的标准编写 参数即可
测试代码：
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="GB2312"> </head> <body> <li><a href="gbkForm.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >GBK同编码表单不乱码</a> <li><a href="utf8Form.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >UTF8表单修改前乱码</a> <li><a href="utf8FormRepair.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >UTF8表单修改为AJAX方案后不乱码</a> <li><a href="otherForm.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >其他GBK同编码表单不乱码</a> <li><a href="http://www.miaoqiyuan.cn/p/utf8-submit-gbk-ajax-autocharset" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >测试程序说明</a></a> <hr /> <h2>GET:</h2> <form action="gbkSubmit.asp" method="GET" > QQ:<input name="qq" value="QQ" /><br /> 姓名：<input name="name" value="姓名"/><br /> 地址：<input name="address" value="地址地址地址"/><br /> Other1：<input name="other1" value="Other1"/><br /> Other2：<input name="other2" value="Other2"/><br /> Other3：<input name="other3" value="Other3"/><br /> Other4：<input name="other4" value="Other4"/><br /> Other5：<input name="other5" value="Other5"/><br /> Other6：<input name="other6" value="Other6"/><br /> Other7：<input name="other7" value="Other7"/><br /> Other8：<input name="other8" value="Other8"/><br /> Other9：<input name="other9" value="Other9"/><br /> <button type="submit">GBK表单提交到GBK脚本后不会乱码</button> </form> <h2>POST:</h2> <form action="gbkSubmit.asp" method="POST" > QQ:<input name="qq" value="QQ" /><br /> 姓名：<input name="name" value="姓名"/><br /> 地址：<input name="address" value="地址地址地址"/><br /> Other1：<input name="other1" value="Other1"/><br /> Other2：<input name="other2" value="Other2"/><br /> Other3：<input name="other3" value="Other3"/><br /> Other4：<input name="other4" value="Other4"/><br /> Other5：<input name="other5" value="Other5"/><br /> Other6：<input name="other6" value="Other6"/><br /> Other7：<input name="other7" value="Other7"/><br /> Other8：<input name="other8" value="Other8"/><br /> Other9：<input name="other9" value="Other9"/><br /> <button type="submit">GBK表单提交到GBK脚本后不会乱码</button> </form> </body> </html>
全部测试包下载地址 anycharset_jb51.rar
utf8.asp
<% @codepage=936 %>
<%
CallBack = Server.Htmlencode(Request("ConvertCallBack"))
Items = Split(Request("ConvertItems"),",")
if len(request.form) > 0 then
method = "POST"
else
method = "GET"
end if
%><!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="GB2312">
<script src="http://www.miaoqiyuan.cn/wp-includes/js/jquery/jquery.js"></script>
</head>
<body>
<form action="<%=CallBack%>" method="<%=method%>" id="AutoPOST">
<%
for each Item in Items
if trim(Item) <> "" then
Item = Server.Htmlencode(Item)
%><% = Item %> : <textarea name="<% = Item %>" id="<% = Item %>"></textarea><br />
<script>
jQuery.post("utf8_convert.asp?MiaoQiYuanAutoConvertItem=<%=Item%>&<%=Request.QueryString%>","<%=Request.Form%>",function(res){
jQuery("#<% = Item %>").val(res);
});
</script>
<%
end if
next
%>
<button type="submit">Waiting...</button>
<script type="text/javascript">
setTimeout(function(){
jQuery("#AutoPOST").submit();
},200);
</script>
</body>
</html>utf8_convert.asp
<% @codepage=65001 %>
<%
function NotXSS(html)
NotXSS = html
NotXSS = replace(NotXSS, "<", "<")
NotXSS = replace(NotXSS, ">", ">")
NotXSS = replace(NotXSS, """", ""e;")
end function
'防止参数冲突，使用了 MiaoQiYuanAutoConvertItem
Response.Write NotXSS(Request(Request.QueryString("MiaoQiYuanAutoConvertItem")))
%> 
相关推荐
81214051 0喜欢 / 0评论 2020-06-01
81214051 0喜欢 / 0评论 2020-04-25
84590091 0喜欢 / 0评论 2020-04-22
ITxiaobaibai 0喜欢 / 0评论 2020-03-23
84590091 0喜欢 / 0评论 2020-02-16
SDUTACM 0喜欢 / 0评论 2020-02-15
xuanlvhaoshao 0喜欢 / 0评论 2020-01-23
amethystqi 0喜欢 / 0评论 2010-08-08
lzqlawrence 0喜欢 / 0评论 2015-08-19
JakobHu 0喜欢 / 0评论 2019-11-09
butterflyfly00 0喜欢 / 0评论 2019-11-04
Charliewolf 0喜欢 / 0评论 2019-11-02
Jiajinjin 0喜欢 / 0评论 2009-11-04
zhangxiaocc 0喜欢 / 0评论 2019-10-24
gotowqj 0喜欢 / 0评论 2013-05-14
心中要有一片海 0喜欢 / 0评论 2012-10-22
eastnow 0喜欢 / 0评论 2012-10-11
飞鸿先森 0喜欢 / 0评论 2012-09-13
rootdream 0喜欢 / 0评论 2012-04-16
chinesexj 0喜欢 / 0评论 2012-02-16
shutFuckingup 0喜欢 / 0评论 2012-01-17
守正出奇 0喜欢 / 0评论 2011-07-20
liuyacsdn 0喜欢 / 0评论 2015-04-22
码小白游戏开发 0喜欢 / 0评论 2015-01-10
宁静致远 0喜欢 / 0评论 2011-06-28
赵丹icons逐LJ 0喜欢 / 0评论 2011-05-24
87437616 0喜欢 / 0评论 2011-05-09
qiaosym 0喜欢 / 0评论 2010-09-12
CoderJiang 0喜欢 / 0评论 2014-08-07
Gin工作室 0喜欢 / 0评论 2014-07-26
secondid 0喜欢 / 0评论 2010-07-26
GodLong 0喜欢 / 0评论 2010-07-12
qiaosym 0喜欢 / 0评论 2010-07-07
shutFuckingup 0喜欢 / 0评论 2010-06-12
LinuxCard 0喜欢 / 0评论 2012-03-09
86981138 0喜欢 / 0评论 2012-03-02
Coohx 0喜欢 / 0评论 2011-12-02
Jacry 0喜欢 / 0评论 2012-02-07
yangguirong 0喜欢 / 0评论 2011-09-26
大伟爱自由 0喜欢 / 0评论 2009-07-31
draco 0喜欢 / 0评论 2015-08-19
有体会有成长 0喜欢 / 0评论 2018-03-30
goodyatou 0喜欢 / 0评论 2016-03-07
由零开始 0喜欢 / 0评论 2011-03-30