• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    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:
              // 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),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

    您可能感兴趣的文章:
    • 详解ASP.NET Core WebApi 返回统一格式参数
    • .NET/C#利用反射调用含ref或out参数的方法示例代码
    • 浅谈Asp.net Mvc之Action如何传多个参数的方法
    • ASP.NET MVC后台参数验证的几种方式
    • ASP.NET MVC传送参数至服务端详解及实例
    • ASP.NET jquery ajax传递参数的实例
    • .Net获取URL中文参数值的乱码问题解决方法总结
    • 在ASP.NET 2.0中操作数据之六:编程设置ObjectDataSource的参数值
    • .net core在服务器端获取api传递的参数过程
    上一篇:使用AJAX完成用户名是否存在异步校验
    下一篇:Ajax post请求跳转页面
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

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