Graceful Light

jsonp function

2016-12-22


jsonp (json with padding)은 다른 서버의 데이터를 내 브라우저에서 호출하기 위해 사용한다.
client에서 callback 함수명과 전송할 값을 같이 보내어 server에서 callback 함수 안에 data를 담아 반환하는 방식이다.

전송할 값을 보낼 때, script 태그를 사용한다.

소스

stackoverflow에서 가져온 소스인데 현재 출처를 찾을 수 없다.

설명

임의의 함수명으로 callback 함수를 생성한 뒤 script 태그를 생성해 server와 통신한다.

예제

1
2
3
jsonp('http://aaa.com?data='+data, function(result){
console.log(result);
});

여담

jQuery가 있다면 jQuery ajax의 dataType을 jsonp로 설정해주면 되고,
요새는 CORS를 적용해 그냥 호출하는 방식으로 가는 추세다.

🍺

Buy me a beer 🍗

공유하려면 QR코드를 스캔해주세요