欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-04-20 13:33:28
最近在公司做资源及文章上传功能遇到一个小问题,被坑了好半天。         该功能就类似利用富文本...

最近在公司做资源及文章上传功能遇到一个小问题,被坑了好半天。

        该功能就类似利用富文本编辑器发布信息,但是用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:
          // 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编码和解码方法不会的请看下面:

/// <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),希望对大家有所帮助