ajax 가 jsonp 를 통 해 도 메 인 접근 에 대한 새로운 이해

그동안 자바 백 엔 드 를 만 들 었 기 때문에 jquery 의 물건 을 잘 접 하지 못 했 습 니 다.예전 에 도 전단 의 동료 들 이 도 메 인 을 뛰 어 넘 는 문 제 를 자주 들 었 습 니 다. 어떻게 된 일 인지 알 지만 어떻게 실현 하 는 지, ajax 를 통 해 어떻게 실현 하 는 지 구체 적 으로 연구 한 적 이 없습니다.최근 에 공사 기한 이 촉박 해서 저도 앞 에 있 는 것 을 따라 하도록 강요당 했 습 니 다. 업무 중 에 도 메 인 을 뛰 어 넘 는 문제 에 부 딪 혔 기 때문에 오늘 연구 할 시간 이 있 고 새로운 인식 도 생 겼 습 니 다.
예전 에는 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 크로스 도 메 인 은 백 엔 드 코드 를 동시에 수정 해 야 했 어.

좋은 웹페이지 즐겨찾기