jquery 도메인 간 액세스 문제 해결 방법(참고)_jquery

지난 이틀 동안 웹사이트의 정적 페이지(예: http://123.456.789.com/)에 3차 도메인 이름의 직접 URL 재작성을 구현해야 했습니다. UrlRewrite to http://www.789 .com/news/123.html

말하자면, js 크로스 도메인 액세스와는 아무런 관련이 없을 수도 있습니다. 떠오르는 질문은 모두 UrlRewrite와 관련이 있습니다. 이제 URLRewrite에 대한 모든 준비가 완료되었습니다. 브라우저 주소 표시줄에 직접 http://123.456.789.com/을 입력하면 http://www.789.com/news/123.html을 통해 직접 입력되는 것을 확인할 수 있습니다. 제가 방문한 페이지에 뭔가 문제가 생겼고, 웹페이지의 이미지, 스타일, JS가 기능을 잃은 것 같았습니다.

두 개의 주소창에 있는 URL을 보다가 문득 머리를 쓰다듬으며 몇 가지 아이디어가 떠올랐습니다. 알고 보니 이 페이지의 소스 코드에서는 상대 경로를 통해 이미지, CSS, JS를 요청하고 있는 것으로 나타났습니다. 물론 http://www.789.com/news/123.html이라는 경로로 직접 접속할 경우에는 문제가 되지 않으나, http://123.456.789.com/을 이용하여 접속할 경우에는 두 가지를 살펴보시기 바랍니다. URL의 명확한 경로는 완전히 다릅니다. 예를 들어 1의 image/1.gif는 http://www.789.com/news/1.gif를 요청하는 것과 동일하지만 2에서는 http://123.456.789가 됩니다. .com/images/1.gif 분명히 이 이미지를 요청할 수는 없습니다. 왜냐하면 이 길에서는 이 사진을 결코 찾을 수 없기 때문입니다. 글쎄, 단순화를 위해 우리는 인터넷에서 다른 사람들이 소개한 많은 방법을 사용하지 않고 절대 경로를 사용하여 문제를 해결합니다. 좋아, 모든 게 너무 자연스럽고 부드러워 보여요. 그러나 진짜 문제는 아직 오지 않았습니다.

지금까지는 우리의 제목과 맞지 않는 것 같습니다. 걱정하지 마십시오. 두 번째 문제가 발생하기 전에 항상 한 가지 문제가 해결됩니다.

먼저 내 페이지에 대해 이야기해 보겠습니다. 이 페이지는 프로그램을 통해 정적으로 만들어집니다. 그러나 일부 변경 정보는 정적인 페이지에 표시되어야 합니다. 여기 있는 많은 사람들은 IFRAME을 사용하여 이를 해결할 수 있다고 생각할 수 있습니다. 하지만 이 솔루션은 내가 사용하고 싶은 솔루션이 아닙니다. 1. IFRAME은 다른 방법보다 효율성이 낮고 2. IFRAME은 크롤링 스파이더에 적합하지 않습니다. 그래서 여기서는 먼저 JQUERY의 로드 함수를 사용하여 동적 페이지를 직접 요청한 다음 반환된 동적 정보를 정적 페이지에 표시했습니다. 좋아, 이 시점에서 일부 친구들은 이 일기가 "jquery 교차 도메인 액세스 문제"라고 불리는 이유를 이미 알고 있을 것입니다.

먼저 jquery 로드 함수 $("#head").load("http://www.cnblogs.com/project/ajax.php"{"Action":"head에서 매개변수를 살펴보세요. "}); 물론 위 강의를 통해 매개변수는 $("#head").load("http://www.789.com/project/ajax.php"{"Action": "head" }); 하지만 여전히 "jquery.js 138번 라인에 접근할 수 있는 권한이 없습니다."라는 메시지가 계속 나타납니다. juqery 138번 라인을 확인하기 위해 직접 실행해 보니 로드 기능에 문제가 있는 것으로 나타났습니다. 솔직히 말해서 너무 고문이었습니다. 압축된 JS 코드는 사람들을 죽게 만듭니다.) 글쎄요, 인터넷에서 Google에 접속했는데 몇몇 사람들의 답변이 주목을 받았습니다. 그들은 모두 이것이 JS 크로스 도메인 작업의 문제라고 말했습니다. JS 자체는 도메인 간에 직접 작동할 수 없습니다. 그런 다음 자신의 3단계 도메인 이름인 URLRewrite에 문의하여 교차 도메인 문제에 대해 생각해 보세요. 3단계 도메인 이름 아래의 도메인은 789 아래의 123이고 요청은 789.com 도메인 이름 아래에 있습니다. 크로스 도메인이 아닌 경우에는 어떻게 되나요? 갑자기 빛이 보입니다. 나는 문제를 발견했다고 확신합니다.

Google에서 계속 검색하세요. 많은 사람들이 jquery getJson을 콜백 함수를 사용하여 해결하도록 권장합니다. 원리가 해결되면 천천히 연구하겠습니다. http://blog.ossxp.com/을 계속 검색하세요. 2010/02/462/ 이 기사는 매우 훌륭하고 나에게 많은 도움이 되었습니다. 나는 여전히 내 프로젝트에서 그 예를 따르고 있습니다. 문제가 해결되었습니다!

HTML 페이지 jquery 코드

코드 복사 코드는 다음과 같습니다.

$.getJSON("http://www.789.com/project/ajax.php?Action=head&callback=?",
function(data){ // 매개변수 1이 배경으로 전달됨;
var html = decodeURI (data.str)
$('#head').html(html); //콘텐츠를 표시하는 데 사용되는 div 호출
})

서버- 사이드 PHP 코드

코드 복사 코드는 다음과 같습니다.

$str = "< ul>
테스트입니다
";
$arr['str'] = $str;
$json = json_encode($arr); //Json_encode 함수 사용 PHP 배열 처리
echo $_GET['callback']."(".$json.")";

서버의 동적 클래스 콘텐츠에 대한 도메인 간 액세스 문제 정적 페이지에 대한 세 번째 수준 도메인 이름 URLREWRITE가 성공적으로 해결되었습니다!