ajax提交含有html数据时的处理方法
这两天在做一个文章内修改的功能,由于前端选用的Extjs控件库,于是就使用Ext.form.HtmlEditor.
在使用ajax提交数据的时候,需要提交包含有html代码的数据。这时候问题就来了,不管是对数据不编码,用escape()编码、encodeURI()编码还是用encodeURIComponent()编码,提交数据是,服务器都会报错(500错误),估计是某些这些编码函数无法编码的字符造成的,
正好在网上发现了一个干货,即自己写一个javascript函数,用来替换特殊字符,服务端接受后再反编码回来就可以了。函数如下:
前台处理(js):
function ajax_encode(str) { str = str.replace(/%/g,"{@bai@}"); str = str.replace(/ /g,"{@kong@}"); str = str.replace(/</g,"{@zuojian@}"); str = str.replace(/>/g,"{@youjian@}"); str = str.replace(/&/g,"{@and@}"); str = str.replace(/\"/g,"{@shuang@}"); str = str.replace(/\'/g,"{@dan@}"); str = str.replace(/\t/g,"{@tab@}"); str = str.replace(/\+/g,"{@jia@}"); return str; }
后台处理(C#):
public static string ajax_decode(string str, bool bsql) { str = str.Replace("{@bai@}", "%"); str = str.Replace("{@dan@}", "'"); str = str.Replace("{@shuang@}", "\""); str = str.Replace("{@kong@}", " "); str = str.Replace("{@zuojian@}", "<"); str = str.Replace("{@youjian@}", ">"); str = str.Replace("{@and@}", "&"); str = str.Replace("{@tab@}", "\t"); str = str.Replace("{@jia@}", "+"); if(bsql) str = str.Replace("'", "''"); return str; } public static string ajax_decode(string str) { return ajax_decode(str, true); }