Ajax가 도메인 간 액세스를 구현하는 방법 소개

不言
풀어 주다: 2018-07-13 15:52:53
원래의
1265명이 탐색했습니다.

이 글은 Ajax가 어떻게 도메인 간 접근을 구현하는지에 대한 문제를 주로 다루고 있습니다. 이제는 여러분과 공유합니다. 도움이 필요한 친구들이 참고할 수 있습니다.

실제 프로젝트에서 우리는 종종 동일한 프로젝트를 접하게 됩니다. 도메인 이름은 Ajax를 통해 서로의 데이터를 호출하므로 Ajax를 통해 도메인 간을 달성하는 방법에 대한 의문이 생깁니다.

Solution

1.Jsonp

Jsonp는 도메인 간 문제를 비교적 쉽게 해결하며 서버에는 구성이 필요하지 않습니다. 구체적인 구현은 다음과 같습니다.

$.ajax({
    type: 'get',
    url: 'http://xxx.com',
    data: {},
    dataType: 'jsonp',
    success: function (data) {
        
    },
    error: function (data) {
        mask.close();
        toast('请求失败');
    }
});
로그인 후 복사

2.CORS

CORS 솔루션에서는

  • front-end

$.ajax({
    url: 'http://xxx.com',
    type: 'post',
    xhrFields:{
        withCredentials:true
    },
    data: {},
    success: function(res){

    },
    error: function(){
        alert('服务器发生错误!');
    }
});
로그인 후 복사
  • 서버(프로그램에서 구성)를 달성하기 위해 프런트 엔드와 서버를 함께 구성해야 합니다. 항목 파일)

header('Access-Control-Allow-Origin: http://xxx.com');
header('Access-Control-Allow-Credentials: true');
header('Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept');
로그인 후 복사

위 내용은 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다. 더 많은 관련 내용은 PHP 중국어 홈페이지를 주목해주세요!

관련 권장 사항:

jQuery+AJAX+PHP+MySQL 개발 검색 기능(점프 또는 새로 고침 없음)

config/index.js에 대한 자세한 설명: vue의 구성

위 내용은 Ajax가 도메인 간 액세스를 구현하는 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿