在JavaScript中通过URL传递汉字的方法


Posted in Javascript onApril 09, 2007

利用JavaScript通过URL方式向后台代码传值是一种经常用到的手段,但在传递汉字时经常会出现字符不全或变成乱码的问题,其原因是由于客户端IE浏览器的编码方式为GB2312(简体中文版WINDOWS的默认设置),而后台的C#代码使用utf8编码(创建WEB工程的默认配置)。
网上有很多方案解决该问题,如将web.config的编码方式改为GB2312、在客户端通过escape先编码再传,个心体会都不是很理想或有些特殊字符不支持。经过比较我决定使用encodeURIComponent在客户端进行编码,再传值,除了“/”不支持(但实际开发中很少需要传递该值,如果真有此请况,再加一层判断即可。
encodeURIComponent的帮助文档如下:
encodeURIComponent 方法
将文本字符串编码为一个统一资源标识符 (URI) 的一个有效组件。
encodeURIComponent( encodedURIString ) 
必选的 encodedURIString 参数代表一个已编码的 URI 组件。
说明
encodeURIComponent 方法返回一个已编码的 URI。如果您将编码结果传递给 decodeURIComponent ,那么将返回初始的字符串。因为encodeURIComponent 方法对所有的字符编码,请注意,如果该字符串代表一个路径,例如 /folder1/folder2/default.html ,其中的斜杠也将被编码。这样一来,当该编码结果被作为请求发送到 web 服务器时将是无效的。如果字符串中包含不止一个 URI 组件,请使用 encodeURI 方法进行编码。
要求
版本 5.5
请参阅
decodeURI 方法 | decodeURIComponent 方法
应用于: Global 对象

我做了一个小例子来展现该效果  
Default.aspx代码:

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" >  
<head runat="server">  
    <title>无标题页</title>  
</head>  
<script type="text/javascript" language="javascript">  
    function callURL(Value1, Value2)  
    {  
        document.URL = "Default.aspx?Value1=" + encodeURIComponent(Value1) + "&Value2=" + encodeURIComponent(Value2);  
    }  
</script>  
<body>  
    <form id="form1" runat="server">  
    <div>  
        Value1=<input id="Text1" type="text" value="1234567890"/><br />  
        Value2=<input id="Text2" type="text" value="中华人民共和国"/>  
        <br />  
        <input id="Button1" type="button" value="提交" onclick="callURL(Text1.value, Text2.value)"/></div>  
    </form>  
</body>  
</html> 

Default.aspx.cs代码:
using System;  
using System.Data;  
using System.Configuration;  
using System.Web;  
using System.Web.Security;  
using System.Web.UI;  
using System.Web.UI.WebControls;  
using System.Web.UI.WebControls.WebParts;  
using System.Web.UI.HtmlControls;  
public partial class _Default : System.Web.UI.Page   
{  
    protected void Page_Load(object sender, EventArgs e)  
    {  
        string tmpValue1 = "";  
        string tmpValue2 = "";  
        if (Request.QueryString["Value1"] != null)  
        {  
            tmpValue1 = Request.QueryString["Value1"].ToString();  
        }  
        if (Request.QueryString["Value2"] != null)  
        {  
            tmpValue2 = Request.QueryString["Value2"].ToString();  
        }  
        Response.Write("Value1=" + tmpValue1 + "<br />" + "Value2="  + tmpValue2);  
    }  
}
Javascript 相关文章推荐
JS+CSS实现淡入式焦点图片幻灯切换效果的方法
Feb 26 Javascript
JS 动态判断PC和手机浏览器实现代码
Sep 21 Javascript
Vuex之理解Getters的用法实例
Apr 19 Javascript
微信小程序倒计时功能实现代码
Nov 09 Javascript
Vue中render方法的使用详解
Jan 26 Javascript
Vue项目分环境打包的实现步骤
Apr 02 Javascript
JavaScript循环遍历你会用哪些之小结篇
Sep 28 Javascript
微信小程序非swiper组件实现的自定义伪3D轮播图效果示例
Dec 11 Javascript
Django模板继承 extend标签实例代码详解
May 16 Javascript
JS实现移动端在线签协议功能
Aug 22 Javascript
JS动态图片的实现方法完整示例
Jan 13 Javascript
基于JavaScript实现贪吃蛇游戏
Mar 16 Javascript
Javascript中eval函数的使用方法与示例
Apr 09 #Javascript
给网站上的广告“加速”显示的方法
Apr 08 #Javascript
超级简单的图片防盗(HTML),好用
Apr 08 #Javascript
filemanage功能中用到的lib.js
Apr 08 #Javascript
filemanage功能中用到的common.js
Apr 08 #Javascript
收集的网上用的ajax之chat.js文件
Apr 08 #Javascript
在页面上点击任一链接时触发一个事件的代码
Apr 07 #Javascript
You might like
PHP中基本符号及使用方法
2010/03/23 PHP
关于Iframe如何跨域访问Cookie和Session的解决方法
2013/04/15 PHP
CodeIgniter配置之database.php用法实例分析
2016/01/20 PHP
PHP购物车类Cart.class.php定义与用法示例
2016/07/20 PHP
CakePHP框架Session设置方法分析
2017/02/23 PHP
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
2008/09/08 Javascript
基于jquery的回到页面顶部按钮
2011/06/27 Javascript
JS数组合并push与concat区别分析
2015/12/17 Javascript
JavaScript中this的四个绑定规则总结
2016/09/26 Javascript
详解vue-cli3 中跨域解决方案
2019/04/10 Javascript
详解微信小程序回到顶部的两种方式
2019/05/09 Javascript
微信浏览器左上角返回按钮监听的实现
2020/03/04 Javascript
vue.js封装switch开关组件的操作
2020/10/26 Javascript
[50:11]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第三场
2018/04/09 DOTA
[58:25]VP vs RNG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
详解Python读取配置文件模块ConfigParser
2017/05/11 Python
浅析python打包工具distutils、setuptools
2018/04/20 Python
python爬取Ajax动态加载网页过程解析
2019/09/05 Python
Python使用多进程运行含有任意个参数的函数
2020/05/02 Python
Django设置Postgresql的操作
2020/05/14 Python
Django model.py表单设置默认值允许为空的操作
2020/05/19 Python
详解KMP算法以及python如何实现
2020/09/18 Python
Regatta官网:英国最受欢迎的户外服装和鞋类品牌
2019/05/01 全球购物
欧洲最大的高尔夫零售商:American Golf
2019/09/02 全球购物
护士个人简历自荐信
2013/10/18 职场文书
电大自我鉴定
2013/10/27 职场文书
领导的自我鉴定
2013/12/28 职场文书
党员的自我评价范文
2014/01/02 职场文书
基督教婚礼主持词
2014/03/14 职场文书
商场促销活动策划方案
2014/08/18 职场文书
2015年世界卫生日活动总结
2015/02/09 职场文书
小学英语教师2015年度个人工作总结
2015/10/14 职场文书
“学党章、守党纪、讲党规”学习心得体会
2016/01/14 职场文书
八年级英语教学反思
2016/02/15 职场文书
关于拾金不昧的感谢信(五篇)
2019/10/18 职场文书
详解Mysq MVCC多版本的并发控制
2022/04/29 MySQL