Ajax가 매개변수를 제출할 때 html 태그 제출 실패를 처리하는 방법-JS 튜토리얼-php.cn

Ajax가 매개변수를 제출할 때 html 태그 제출 실패를 처리하는 방법

php中世界最好的语言

풀어 주다： 2018-04-02 17:23:30

원래의

1194명이 탐색했습니다.

이번에는 Ajax가 매개변수를 제출할 때 html 태그 제출 실패를 처리하는 방법을 보여 드리겠습니다. Ajax가 매개변수를 제출할 때 html 태그 제출 실패를 처리할 때의 주의 사항은 무엇입니까?

최근 회사의 리소스 및 기사 업로드 기능에 작은 문제가 발생하여 오랫동안 멈췄습니다.

이 기능은 리치 텍스트 편집기를 사용하여 정보를 게시하는 것과 유사하지만 Ajax를 사용하여 데이터를 제출하므로 제출된 매개변수 값에는 필연적으로 html 태그가 포함됩니다.

코드를 로컬에서 실행하는 데는 문제가 없었고 제출은 항상 성공할 수 있었습니다. 그러나 코드가 온라인에 배포되면 데이터를 성공적으로 제출할 수 없으며 오랜 시간이 걸렸습니다. 문제를 찾아보세요.

제출에 실패한 이유는 제출 데이터에 html 태그가 포함되어 있고 대상 주소를 직접 요청할 수 없기 때문입니다.法办 그러면 해결책은 다음과 같습니다.

1. HTML 태그의 매개변수 값이 있는 페이지에 JS의 base64 코딩(암호화와 유사)을 사용합니다. 2. 대상 주소에서 데이터를 얻은 후 백그라운드 Base64 디코딩 방법을 사용하여 얻은 데이터를 디코딩합니다.

Base64 인코딩 및 내 JS의 디코딩 메서드 코드:

//下面是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 메서드인 replacement() 메서드를 사용했지만 JS에서 첫 번째 공백을 더하기 기호(+)로 바꾸었습니다. 다음과 같습니다. 백그라운드(대상 수신 주소 아래)에서 얻은 데이터에 대해 공백을 더하기 기호(+)로 바꿉니다. 코드는 다음과 같습니다.