Ajax提交参数的值中带有html标签不能提交成功的解决办法（ASP.NET）

最近在公司做资源及文章上传功能遇到一个小问题，被坑了好半天。
        该功能就类似利用富文本编辑器发布信息，但是用Ajax提交数据，因此提交参数值中不可避免的含有html标签。
        在本地运行代码一直没问题，总是可以提交成功，但是代码部署到线上就不能成功提交数据了，被坑了好久，找了好半天才找到问题所在。
        提交不成功的原因是因为我的提交数据中含有html标签，然后直接无法请求到我的目标地址。
         然后解决办法如下：
         1、在页面用JS的Base64编码（类似加密）带有html标签的参数值。
         2、在目标地址获取到数据后，利用后台Base64解码方法对获取到的数据进行解码即可。
          以下是我的JS的Base64编码和解码方法代码：

//下面是64个基本的编码 var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; var base64DecodeChars = new Array（ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,-1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,-1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 62, -1, -1, -1, 63, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, -1, -1, -1, -1, -1, -1, -1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, -1, -1, -1, -1, -1, -1, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, -1, -1, -1, -1, -1）; //编码的方法 function base64encode（str） { var out, i, len;var c1, c2, c3; len = str.length;i = 0;out = "";while（i < len） { c1 = str.charCodeAt（i++） & 0xff; if（i == len） { out += base64EncodeChars.charAt（c1 >> 2）; out += base64EncodeChars.charAt（（c1 & 0x3） << 4）; out += "==";break;}c2 = str.charCodeAt（i++）; if（i == len） { out += base64EncodeChars.charAt（c1 >> 2）;out += base64EncodeChars.charAt（（（c1 & 0x3）<< 4） | （（c2 & 0xF0） >> 4））; out += base64EncodeChars.charAt（（c2 & 0xF） << 2）; out += "=";break;} c3 = str.charCodeAt（i++）; out += base64EncodeChars.charAt（c1 >> 2）;out += base64EncodeChars.charAt（（（c1 & 0x3）<< 4） | （（c2 & 0xF0） >> 4））; out += base64EncodeChars.charAt（（（c2 & 0xF） << 2） | （（c3 & 0xC0） >>6））; out += base64EncodeChars.charAt（c3 & 0x3F）; } return out; } //解码的方法 function base64decode（str） { var c1, c2, c3, c4;var i, len, out; len = str.length; i = 0;out = ""; while（i < len） {do {c1 = base64DecodeChars[str.charCodeAt（i++） & 0xff];} while（i < len && c1 == -1）; if（c1 == -1） break;do {c2 = base64DecodeChars[str.charCodeAt（i++） & 0xff];} while（i < len && c2 == -1）; if（c2 == -1）break;out += String.fromCharCode（（c1 << 2） | （（c2 & 0x30） >> 4））;do {c3 = str.charCodeAt（i++） & 0xff;if（c3 == 61）return out;c3 = base64DecodeChars[c3];} while（i < len && c3 == -1）; if（c3 == -1）break; out += String.fromCharCode（（（c2 & 0XF） << 4） | （（c3 & 0x3C） >> 2））; do {c4 = str.charCodeAt（i++） & 0xff; if（c4 == 61）return out;c4 = base64DecodeChars[c4]; } while（i < len && c4 == -1）;if（c4 == -1）break; out += String.fromCharCode（（（c3 & 0x03） << 6） | c4）;} return out; } function utf16to8（str） { var out, i, len, c; out = "";len = str.length;for（i = 0; i < len; i++） {c = str.charCodeAt（i）;if （（c >= 0x0001） && （c <= 0x007F）） {out += str.charAt（i）;} else if （c > 0x07FF） { out += String.fromCharCode（0xE0 | （（c >> 12） & 0x0F））;out += String.fromCharCode（0x80 | （（c >> 6） & 0x3F））; out += String.fromCharCode（0x80 | （（c >> 0） & 0x3F））; } else {out += String.fromCharCode（0xC0 | （（c >> 6） & 0x1F））; out += String.fromCharCode（0x80 | （（c >> 0） & 0x3F））;} }return out; } function utf8to16（str） { var out, i, len, c;var char2, char3;out = "";len = str.length; i = 0;while（i < len） { c = str.charCodeAt（i++）;switch（c >> 4） { case 0: case 1: case 2: case 3: case 4: case 5: case 6: case 7:// 0xxxxxxxout += str.charAt（i-1）;break; case 12: case 13:// 110x xxxx10xx xxxxchar2 = str.charCodeAt（i++）; out += String.fromCharCode（（（c & 0x1F） << 6） | （char2 & 0x3F））; break;case 14: // 1110 xxxx 10xx xxxx 10xx xxxx char2 = str.charCodeAt（i++）;char3 = str.charCodeAt（i++）; out += String.fromCharCode（（（c & 0x0F） << 12） |（（char2 & 0x3F） << 6） |（（char3 & 0x3F） << 0））;break;} }return out;}

页面调用JS方法进行Base64编码代码如下：

 var articleContent = editor.getContent（）; articleContent = base64encode（utf16to8（articleContent））;

     但是呢，又遇到一个新的问题，用JS对数据进行Base64编码后，JS居然把加号（+）替换成了空格，造成我后台方法解码出来的数据不正确。
      解决办法如下：
      本人首先采用JS方法replace（）方法进行替换，但是有错误，JS只是把我的第一个空格替换成了加号（+），最后解决办法如下。
      在后台（目标接受地址下）对获取到的数据，把空格替换成加号（+）。代码如下：

string content = Request["content"].ToString（）;if （content.Contains（""））{content=content.Replace（" ", "+"）;}//byte[] sa = Convert.FromBase64String（content）;//Encoding Ansi = Encoding.GetEncoding（"GB2312"）;// content = Ansi.GetString（sa）;content = Base64Decrypt（content）;//Base64解码

如果后台的Base64编码和解码方法不会的请看下面：

/// <summary>/// Base64加密/// </summary>/// <param name="input">需要加密的字符串</param>/// <returns></returns>public static string Base64Encrypt（string input）{return Base64Encrypt（input, new UTF8Encoding（））;}/// <summary>/// Base64加密/// </summary>/// <param name="input">需要加密的字符串</param>/// <param name="encode">字符编码</param>/// <returns></returns>public static string Base64Encrypt（string input, Encoding encode）{return Convert.ToBase64String（encode.GetBytes（input））;}/// <summary>/// Base64解密/// </summary>/// <param name="input">需要解密的字符串</param>/// <returns></returns>public static string Base64Decrypt（string input）{return Base64Decrypt（input, new UTF8Encoding（））;}/// <summary>/// Base64解密/// </summary>/// <param name="input">需要解密的字符串</param>/// <param name="encode">字符的编码</param>/// <returns></returns>public static string Base64Decrypt（string input, Encoding encode）{return encode.GetString（Convert.FromBase64String（input））;}

以上所述是小编给大家介绍的Ajax提交参数的值中带有html标签不能提交成功的解决办法（ASP.NET），希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！