Jquery ajax 비동기 크로스 도메인을 구현하는 방법

이번에는 Jquery를 가져오겠습니다. Ajax 비동기 크로스 도메인 구현 방법, Jquery ajax 비동기 크로스 도메인 구현에 대한 Notes는 무엇이며, 다음은 실제 사례입니다. 살펴보겠습니다.

JS 또는 Jquery ajax의 비동기 도메인 간 문제를 빠르게 해결하는 방법은 무엇입니까? 아래에서 편집자는 Jquery ajax 비동기 도메인 간 문제를 신속하게 해결하는 방법을 여러분과 공유할 것입니다. 이것이 모든 사람에게 도움이 되기를 바랍니다. 에디터를 따라가서 살펴볼까요

간단하게 요약하자면 두 가지 해결 방법이 있습니다.

하나는 jsonp 방법입니다. 즉, 프런트 엔드가 비동기 요청을 보낼 때 관련 jsonp 설정 또는 구성을 추가하면 백엔드가 구문 분석할 수 있는 형식으로 문자열을 반환합니다. jsonp.

그러나 jsonp 메서드는 get 요청 메서드만 지원하고 새 브라우저 버전에서는 지원되지 않습니다(새 브라우저 버전은 대부분 OPITION 요청을 합니다. 비동기 안전성확인된 테스트 요청이므로 jsonp 메서드는 통과할 수 없습니다).

별로 여기서 알아두세요.

하나는 cros 방식인데, 더 안전하고 연결 허용 목록을 지정할 수 있으며 요청 방식을 제한할 수 있다는 장점이 있습니다(즉, 여러 요청 방식을 지원합니다). 주류 브라우저. 주로 구현 방법에 대해 이야기합니다.

Front-end: 일반적인 비동기 요청과 동일한 형식입니다. 예:

$.ajax({ 
   url :'http://localhost:8080/myProject/test' 
    type : "GET",//不局限于get 
   data:{"key1":value1,"key2":value2}, 
   async : true, 
   success : function(data) { 
    var dataObj=eval("("+data+")"); 
     console.log(dataObj); 
     
   }, 
   error : function(data) { 
    alert( "服务器连接失败 ajaxJsonp" ); 
   } 
  });

Back-end: 주로 응답 헤더 매개변수 설정

response.setHeader("Access-Control-Allow-Origin", "*");//设置可跨域资源共享的域名，只能设置一个具体的域名，但*可以代表所有 
response.setHeader("Access-Control-Allow-Methods","GET,POST,PUT,OPTIONS");//设置可跨域资源共享的请求方式 
  response.setHeader("Access-Control-Allow-Credentials","true"); 
  response.setHeader("Access-Control-Allow-Headers" ,"Origin, X-Requested-With, Content-Type, Accept");

믿습니다 당신은 이 기사의 사례를 읽었습니다. 방법을 익힌 후, 더 흥미로운 내용을 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주의 깊게 살펴보시기 바랍니다!

추천 자료:

jquery 플러그인이 페이지 콘텐츠를 인쇄하는 방법

jQuery가 기본적으로 클릭 이벤트를 트리거하기 위해 페이지를 실행하는 방법

jquery에서 on 및 클릭 방법

layui 가치 전달에 대한 트리 모양에 대한 자세한 설명

위 내용은 Jquery ajax 비동기 크로스 도메인을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!