다른 도메인에서 ajax로 데이터 요청하는 jsonp 사용

Question

안녕하세요.다른 도메인에서 데이터 가져오는 로직만 실행 후 결과 데이터는 본 서버에서 받아서 작업을 하려고 합니다.이런 경우 그냥 ajax로 데이터를 가져오면 안되고, jsonp를 사용해야 한다고 하여 아래와 같이 작업하였습니다.클라이언트 ▼ $.ajax({ async: false, url : pUrl&#43;&#34;/resource&#34;, dataType: &#34;jsonp&#34;, jsonp: &#34;chartData&#34;, cache: true, success:function(data){ console.log(data); } }); 서버 ▼&#64;RequestMapping(value&#61;&#34;/resource&#34;) &#64;ResponseBody public String resource() { return &#34;chartData({\&#34;testChart1\&#34;:&#34;&#43;Utils.convertJson(resultService.getChartData())&#43;&#34;})&#34;; } 네트워크에서 response 를 확인하면 chartData({&#34;testChart1&#34;:[{&#34;R&#34;:&#34;400&#34;,&#34;T&#34;:&#34;96&#34;,&#34;D&#34;:&#34;4&#34;,&#34;SI&#34;:&#34;125&#34;,&#34;GAP&#34;:&#34;96&#34;,&#34;COUNT&#34;:&#34;4&#34;},{&#34;R&#34;:&#34;0&#34;,&#34;T&#34;:&#34;44&#34;,&#34;D&#34;:&#34;0&#34;,&#34;SI&#34;:&#34;126&#34;,&#34;GAP&#34;:&#34;100&#34;,&#34;COUNT&#34;:&#34;0&#34;]}) 이렇게 결과도 잘나온거 같은데,아래와 같은 에러 때문에 success의 함수가 작동을 안합니다. 혹시 jsonp 이용해서 데이터 가져와보신 분 계신다면 코드에서 어떤 문제가 있는 것인지 조언 부탁 드립니다..

mr3i · Accepted Answer

자답합니다. 5시간동안 헤맸는데 마지막이라고 생각했던 방법에서 성공했습니다..서버쪽에서 &#64;RequestMapping(value&#61;&#34;/resource&#34;) &#64;ResponseBody public String resource(HttpServletRequest rq) { String cb &#61; rq.getParameter(&#34;chartData&#34;); return cb&#43;&#34;({\&#34;testChart1\&#34;:&#34;&#43;Utils.convertJson(resultService.getChartData())&#43;&#34;})&#34;; }위와같이 했습니다...ajax에서 jsonp 속성이 의미하는 바를 제대로 이해하지 못하고 개발을 하고 있었습니다..

다른 도메인에서 ajax로 데이터 요청하는 jsonp 사용

1개의 답변

Q&A 목록