Ajax 크로스 도 메 인 접근 최신 솔 루 션 구현

실제 프로젝트 에서 우 리 는 같은 도 메 인 이름 에서 서로 다른 프로젝트 간 에 Ajax 를 통 해 데 이 터 를 서로 호출 하 는 문 제 를 자주 만 날 수 있 습 니 다.어떻게 Ajax 를 통 해 크로스 도 메 인 을 실현 합 니까?
해결 방안
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 솔 루 션 은 전단 과 서버 가 공동으로 설정 해 야 실현 할 수 있 습 니 다.
전단

$.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');

총결산
위 에서 말 한 것 은 소 편 이 여러분 에 게 소개 한 Ajax 가 크로스 도 메 인 방문 의 최신 해결 방안 을 실현 하 는 것 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 면 저 에 게 메 시 지 를 남 겨 주세요.소 편 은 제때에 여러분 에 게 답 할 것 입 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!