jsonp 처리하기

Submitted by river - 등록 4 years ago - 수정 4 years ago

브라우저에서 jQuery를 이용해서 블로그 데이타를 받고 싶은데, Cross Domain 문제 때문에 jsonp를 사용하고자 한다.

 $.ajax({
        url: "https://example.com/api/posts",
        dataType: "jsonp",
        jsonp: "callback",
        success:function (data) {
            console.log(data);
        },
        error:function (xhr, status, error) {
            console.log(error);
        }
    });

이런 경우 example.com에서는 다음의 형태로 결과를 반환하면 된다.

return Response::json($posts)->setCallback(Input::get('callback'));

만약 callback이란 입력이 없다면 위 코드는 text/javascript를 반환하지 않고 application/json을 반환한다. 즉, json 요청과 jsonp 요청을 동시에 수용할 수 있는 코드가 된다.

comments powered by Disqus