国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > 綜合 > 正文

奇怪的回車換行問題

2024-07-21 02:02:28
字體:
來源:轉載
供稿:網友
在類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):
** 由于本人水平有限,歡迎各位高手指正。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 桃源县| 潮州市| 南城县| 丰城市| 上高县| 无为县| 临汾市| 华池县| 台南市| 红安县| 长兴县| 邓州市| 嘉荫县| 万源市| 九寨沟县| 绍兴县| 怀仁县| 龙泉市| 丰顺县| 芦溪县| 泽州县| 黄陵县| 甘泉县| 涟水县| 通道| 秦安县| 南华县| 桂阳县| 枞阳县| 宝丰县| 定日县| 伊川县| 宾阳县| 万州区| 鹤壁市| 鄯善县| 叙永县| 汶川县| 页游| 湖北省| 武陟县|