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

이 글은 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!