怎么解决Ajax提交参数的值中带有html标签不能提交成功的问题

这篇文章主要介绍"怎么解决Ajax提交参数的值中带有html标签不能提交成功的问题"，在日常操作中，相信很多人在怎么解决Ajax提交参数的值中带有html标签不能提交成功的问题问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答"怎么解决Ajax提交参数的值中带有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:          // 0xxxxxxx          out += str.charAt(i-1);          break;         case 12: case 13:          // 110x xxxx  10xx xxxx          char2 = 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编码和解码方法不会的请看下面：

/// 
    /// Base64加密    /// 
    /// 需要加密的字符串    ///     public static string Base64Encrypt(string input)    {      return Base64Encrypt(input, new UTF8Encoding());    }    /// 
    /// Base64加密    /// 
    /// 需要加密的字符串    /// 字符编码    ///     public static string Base64Encrypt(string input, Encoding encode)    {      return Convert.ToBase64String(encode.GetBytes(input));    }    /// 
    /// Base64解密    /// 
    /// 需要解密的字符串    ///     public static string Base64Decrypt(string input)    {      return Base64Decrypt(input, new UTF8Encoding());    }    /// 
    /// Base64解密    /// 
    /// 需要解密的字符串    /// 字符的编码    ///     public static string Base64Decrypt(string input, Encoding encode)    {      return encode.GetString(Convert.FromBase64String(input));    }

到此，关于"怎么解决Ajax提交参数的值中带有html标签不能提交成功的问题"的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注网站，小编会继续努力为大家带来更多实用的文章！