奇怪的回车换行问题

在类unix中，是\n (0x0A)。以为没有什么大的问题，没想到，这次开发一个小程序，却让我对这个问题大为头痛。

首先发现这个问题是这样的：

我的这个程序采用的是Extjs+php的方式，通过ajax进行通讯。其中有个页面，如图：

两个文本框，一个text,一个textarea，当textarea中含有回车换行的时候，会出现脚本错误。后面发现是因为如果服务器端返回的字符串换行了，会造成js解析出现错误，可见js在解析json数据时候的语法还是和在本地定义的字符串变量的语法一致的。一个字符串不能多行，有回车换行的时候需要转义符号：\n （\r\n）。
不过这个并不是我要说明的问题，我要说明的问题是，当我在解决这个问题的时候，抓包分析的时候，发现一个有趣的现象，就是发现浏览器发送到服务器对回车换行的编码不一致。
例如上图中的字符串在通过extjs中的


代码如下:

Ext.Ajax.request({
url:'CatMan.php',
form:this.FORM_NAME,
scope:this,
callback:function(o,s,r){
var retObj=Ext.decode(r.responseText);
if(retObj.success){
alert('保存成功！');
}
}
});

进行保存时候，发现发送到服务器的编码是这样的：
catdesc=%E6%9E%97%0A%0A%E5%B0%910A%0A%0Aa%E5%8D%8E
注意其中的红色标记的%0A，这是\n的编码。\r的编码竟然不见了。
然后我如果采用form submit直接提交，却发现编码是：
%E6%9E%97%0D%0A%0D%0A%E5%B0%91%0D%0A%0D%0A%0D%0Aa%E5%8D%8E
发现\r(%0D)的编码是在的。
（以上为在IE9中测试结果。）
难道是ExtJs的问题？
如果分析Extjs的源代码，找到取form值得地方。如下：


代码如下:

serializeForm : function(form) {
debugger
var fElements = form.elements || (document.forms[form] || Ext.getDom(form)).elements,
hasSubmit = false,
encoder = encodeURIComponent,
name,
data = '',
type,
hasValue;
Ext.each(fElements, function(element){
name = element.name;
type = element.type;
if (!element.disabled && name) {
if (/select-(one|multiple)/i.test(type)) {
Ext.each(element.options, function(opt){
if (opt.selected) {
hasValue = opt.hasAttribute ? opt.hasAttribute('value') : opt.getAttributeNode('value').specified;
data += String.format("{0}={1}&", encoder(name), encoder(hasValue ? opt.value : opt.text));
}
});
} else if (!(/file|undefined|reset|button/i.test(type))) {
if (!(/radio|checkbox/i.test(type) && !element.checked) && !(type == 'submit' && hasSubmit)) {
data += encoder(name) + '=' + encoder(element.value) + '&';
hasSubmit = /submit/i.test(type);
}
}
}
});
return data.substr(0, data.length - 1);
},

可以发现extjs采用的是js中的encodeURIComponent函数进行值的编码。
难道是encodeURIComponent的问题？
搜索网络，发现一篇博文中提到这个问题，见http://www.yeahxj.com/2011/11/07/enter-code-for-all-browser/ (回车符 \r\n 在各个浏览器中无耻的表现)
于是我在ie6,ie8,ie9中分别进行了测试，发现果然存在这个问题。
总结：
这个问题虽然小，但是在某些场合却会让人和头痛，这也是搞计算机程序设计人员的悲哀，大量的不兼容，造成很多程序出现各种各样奇怪的问题。例如这个小问题可能造成一个结果，例如，我这个程序，需要在前台显示内容的时候保留回车换行。这种一般有两种处理方法，一种是采用<pre>标签，但是这个标签用起来很不方便的，尝试发现格式变化不太好控制。另外一种方法就是将回车换行变为<br />标记。我就是采用的这种方法，刚开始我写的正规表达式是/\r\n/，结果发现什么都没匹配到，后面我就改成/[\r\n]/但是这种造成的问题就是在ie6,7,8中将会多出一行来。最后为了统一处理，我改为先替换/\r\n/组合，然后再替换/\n/。问题得到解决。
** 本人原创文章，转摘请保留本段内容，万分感谢！
** microdreamsoft(Lin Shaohua)：
** 由于本人水平有限，欢迎各位高手指正。

赞 (0)

相关推荐

  • Js 回车换行处理的办法及replace方法应用

    当我们在文本框里输入文字敲下回车后,希望在提交后网页也显示是换行的效果,这时我们需要把提交的内容做下处理 才可以达到效果. 1.定义js原生的替换函数.js里没有replaceAll的函数,需要我们自定义 复制代码 代码如下: String.prototype.replaceAll = function(s1,s2){ return this.replace(new RegExp(s1,"gm"),s2); } 2.使用js的replace进行处理 复制代码 代码如下: str=str

  • windows 中 \r\n 区别于 类unix中的\n 疑问理解(crlf回车换行)

    windows 中 \r\n 区别于 类unix中的\n 疑问理解(crlf回车换行)

    看到一篇博客:HTTP协议详解, 图1 开始不明白 "(CRLF)" 是什么意思! 查了一些资料,在一篇帖子里面发现了它的原意: 先发地址 其中一个人的回帖 把这个问题给我破解了 ,并且还介绍了windows下面\r\n的理由 图2 问题迎刃而解. if ($ != jQuery) { $ = jQuery.noConflict(); } var isLogined = false; var cb_blogId = 75610; var cb_entryId = 2095599; va

  • 把textarea中字符串里含有的回车换行替换成&lt;br&gt;的javascript代码

    1楼 textarea.value.replace(/\n/g,     "<br>"); 2楼 s=textarea.value.replace(/\r\n/g,     "<br>"); 3楼 按下的时候马上更换      V   ID="a"   contentEditable="true"   style='border:1   solid   black'>      其实以前早有很多人

  • 通过Java正则表达式去掉SQL代码中回车换行和多余空格

    复制代码 代码如下: public static void main(String[] args) { String sql = "SELECT * FROM \n" + " `testdb`.`foo` LIMIT 0, 100"; String s = "SELECT * FROM `testdb`.`foo` LIMIT 0, 100"; String sql2 = Pattern.compile(" {2,}").ma

  • PHP 清除HTML代码、空格、回车换行符的函数

    复制代码 代码如下: function DeleteHtml($str) { $str = trim($str); $str = strip_tags($str,""); $str = ereg_replace("\t","",$str); $str = ereg_replace("\r\n","",$str); $str = ereg_replace("\r",""

  • 奇怪的回车换行问题

    奇怪的回车换行问题

    在类unix中,是\n (0x0A).以为没有什么大的问题,没想到,这次开发一个小程序,却让我对这个问题大为头痛. 首先发现这个问题是这样的: 我的这个程序采用的是Extjs+php的方式,通过ajax进行通讯.其中有个页面,如图: 两个文本框,一个text,一个textarea,当textarea中含有回车换行的时候,会出现脚本错误.后面发现是因为如果服务器端返回的字符串换行了,会造成js解析出现错误,可见js在解析json数据时候的语法还是和在本地定义的字符串变量的语法一致的.一个字符串不能

  • Java 替换字符串中的回车换行符的方法

    使用正则表达式进行替换: 代码片段: String documentTxt = EntityUtils.toString(entity,"gbk");//获取数据 documentTxt=documentTxt.replaceAll("[\\t\\n\\r]", "");//将内容区域的回车换行去除 说明:String类的replaceAll就有正则替换功能. \t为制表符 \n为换行 \r为回车 java正则使用: 示例方法: 复制代码 代码如

  • oracle中去掉回车换行空格的方法详解

    去除换行update zhzl_address t set t.add_administration_num=replace(t.add_administration_num,chr(10),'');去掉回车update zhzl_address t set t.add_administration_num=replace(t.add_administration_num,chr(13),'');去掉空格update zhzl_address t set t.add_administration

  • PHP实现将textarea的值根据回车换行拆分至数组

    本文实例讲述了PHP实现将textarea的值根据回车换行拆分至数组的方法.分享给大家供大家参考.具体分析如下: textarea回车换行为 \r\n $keyword_list = trim($_REQUEST['keywords']); $keyword_arr = explode("\r\n", $keyword_list); 这个地方需要注意是要去除textarea 前后的空格,否则会多出一个 或者使用explode也是可以的 只是不能用\r\n只能用双引号,不能用单引号 希望

  • C++读取到回车换行符问题处理

    今天在编写99乘法在线小游戏(看过我的 linux下c实现的数据库备份(第四版)应该知道我在那里提过^.^)的时候遇到读取文件的信息遇到回车换行符的烦恼. 比如我文件里面有如下信息: name=qizexi sex=man 我希望读取到name=qizexi这些有效字符而已,不希望\r\n也加入其中,因为那样会影响我的判断. 解决的方式是在遇到\r获取\n的时候,替换为\0. #include<string.h> #include<stdio.h> int main(int arg

  • js/jquery去掉空格,回车,换行示例代码

    Jquery:$("#accuracy").val($("#accuracy").val().replace(/\ +/g,""));//去掉空格 .replace(/\ +/g,"") //去掉空格方法$("#content").val($("#content").val().replace(/[ ]/g,""));    //去掉空格 .replace(/[ ]/

  • php获取textarea的值并处理回车换行的方法

    本文实例讲述了php获取textarea的值并处理回车换行的方法.分享给大家供大家参考.具体实现方法如下: 一般来说,在html表单中textarea中我们按回车与换行都是一些ascii或特殊的字符的编码,如果不进行转换输出文字是没的排版的. php获取textarea的值是十分简单的 textarea回车换行为 \r\n 下面看例子 HTML代码: 复制代码 代码如下: <Textarea name="test" rows="3″ cols="20″ id=

  • C#中正则表达式与回车换行符问题

    C#中,读取文本文件内容,里面往往有许多回车换行符("\r\n"),虽然一般不可见,但却实实在在的存在.这时候,使用正则表示式进行匹配,需要考虑其存在.今天就遇到这样一个问题: 有文本文件内容如下: DT 20180101000000 WT -1.1 SL 31.4 WL 203 DT 20180101000000 AT -4.1 BP 1023.7 HU 26 RN 99999.9 WS 1.9 92 2.0 94 3.4 79 2111 4.6 83 2103 使用正则表达式: W

  • asp中回车换行符CHR(10)表示换行，CHR(13)表示回车，CHR(32)表示空格

    先举个例子 <% function th(str) str=replace(str,"妈的","MD") str=replace(str,"靠","KAO") th=str end function function encode(str) str = replace(str, ">", ">") str = replace(str, "<",

随机推荐