ajax 가 jsonp 를 통 해 도 메 인 접근 에 대한 새로운 이해
예전 에는 ajax 가 sonp 를 통 해 도 메 인 을 뛰 어 넘 는 문 제 를 직접 해결 할 수 있 을 것 이 라 고 생각 했 습 니 다. 배경 에서 어떠한 변화 도 하지 않 아 도 오늘 테스트 를 통과 할 줄 은 몰 랐 습 니 다. 결 과 는 나의 이 해 를 완전히 전복 시 켰 습 니 다.
프론트 데스크 만 통과 하면 아래 ajax 문법 으로 http 요청 을 보 냅 니 다. 도 메 인 을 넘 어 접근 할 수 없 는 문 제 를 보고 하 지 는 않 지만 ajax 의 success 방법 을 실행 할 수 없습니다.
$.ajax({
url:'http://127.0.0.1:8080/gisms/user/findList.do',
data : {'rows':10,'page':1},
dataType:'jsonp',
success:function(data){
console.log(data);
},
error : function(e){
console.log(e);
},
complete : function(c){
console.log(c);
}
});
이전에 본 튜 토리 얼 은 백 엔 드 가 도 메 인 을 뛰 어 넘 는 요청 을 동시에 수정 하 겠 다 고 해서 튜 토리 얼 에 따라 백 엔 드 의 코드 를 완성 합 니 다.
Map params = ParamUtil.getParams(request);
List user = userService.findList(params);
// callback();
String jsonData = new Gson().toJson(user);
return params.get("callback").toString()+"("+jsonData+")";
백 엔 드 의 수정 을 통 해 ajax 는 요청 이 완료 되 었 을 때 success 방법 을 호출 할 수 있 습 니 다.이렇게 도 메 인 을 뛰 어 넘 는 문 제 는 해결 할 수 있다.
어쩐지 인터넷 에 다른 크로스 도 메 인 해결 방안 이 많 더 라 니. 원래 jsonp 크로스 도 메 인 은 백 엔 드 코드 를 동시에 수정 해 야 했 어.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.