집 > 기사 > 웹 프론트엔드 > Jquery ajax 비동기 크로스 도메인을 구현하는 방법

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

php中世界最好的语言원래의: 2018-03-15 11:00:351164검색

이번에는 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 중국어 웹사이트의 다른 관련 기사를 주의 깊게 살펴보시기 바랍니다!