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);

}

参考:http://blog.jiqila.com/post/172/

秒客网

ajax提交含有html数据时的处理方法

相关文章