Ajax 제출 매개변수 값에 html 태그가 포함되어 성공적으로 제출할 수 없는 문제에 대한 솔루션
- 亚连원래의
- 2018-05-23 10:19:232295검색
이 글에서는 html 태그가 포함된 Ajax 제출 매개변수 값을 성공적으로 제출할 수 없는 문제에 대한 해결책을 주로 소개합니다. 매우 훌륭하고 참고할 만한 가치가 있습니다.
최근에 접한 내용입니다. 회사 내 리소스 및 기사 업로드 기능 작은 문제입니다.
이 기능은 리치 텍스트 편집기를 사용하여 정보를 게시하는 것과 유사하지만 Ajax를 사용하여 데이터를 제출하므로 제출된 매개변수 값에는 필연적으로 html 태그가 포함됩니다.
코드를 로컬에서 실행하는 데는 문제가 없었고 제출은 항상 성공할 수 있었습니다. 그러나 코드가 온라인에 배포되면 데이터를 성공적으로 제출할 수 없으며 오랜 시간이 걸렸습니다. 문제를 찾아보세요.
제출에 실패한 이유는 제출 데이터에 html 태그가 포함되어 있고 대상 주소를 직접 요청할 수 없기 때문입니다.
그러면 해결책은 다음과 같습니다.
1. html 태그의 매개변수 값이 있는 페이지에 JS의 Base64 인코딩(암호화와 유사)을 사용합니다.
2. 대상 주소에서 데이터를 얻은 후 백그라운드 Base64 디코딩 방법을 사용하여 얻은 데이터를 디코딩합니다. S 다음은 내 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;
}페이지는 BASE64 인코딩 코드에 대한 JS 메서드를 다음과 같이 호출합니다.
var articleContent = editor.getContent(); articleContent = base64encode(utf16to8(articleContent));
, 그러나 JS를 사용하여 데이터 64 인코딩 데이터를 만든 후 JS를 사용하는 경우 , JS는 실제로 더하기 기호(+)를 공백으로 대체하여 백그라운드 메서드로 디코딩된 데이터가 올바르지 않게 되었습니다.
해결 방법은 다음과 같습니다. 처음에는 JS 메서드인 replacement() 메서드를 사용했지만 JS에서 첫 번째 공백을 더하기 기호(+)로 바꾸었습니다. 다음과 같습니다.
백그라운드(대상 수신 주소 아래)에서 얻은 데이터에 대해 공백을 더하기 기호(+)로 바꿉니다. 코드는 다음과 같습니다. re
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 게시물 요청 점프 페이지
새 창을 열고 브라우저에 의해 차단되는 Ajax를 위한 두 가지 솔루션
위 내용은 Ajax 제출 매개변수 값에 html 태그가 포함되어 성공적으로 제출할 수 없는 문제에 대한 솔루션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：Ajax 게시물 요청 점프 페이지다음 기사：Ajax 게시물 요청 점프 페이지