본문 바로가기

javascript

jquery jsonp 사용법

http://kangmaru.tistory.com/101

 

 

var link = "http://yourdomain/ajax.jsonp.php";
$.ajax({
type  : "get",
url  : link,
dataType: "jsonp", // jsonp
jsonp : "callback",  // 콜백함수
data  : { query : "검색어" },
success : function(data, textStatus) {
//console.log(data);
funcProcess(data);
},
error  : function (xhr, status, err) { //console.log("error:" + xhr.status);
},
complete: function(xhr, status) { //console.log(xhr.responseText);
}
});

funcProcess = function(data) {
 처리......
}; 

 

 

// http://yourdomain/ajax.jsonp.php 소스

<?php
header("Content-type: application/x-javascript");
echo $_GET['callback'] . '('.json_encode(array($arrData)) . ');'; 
?>

 

 

진정 고마운분

 

 

 

'javascript' 카테고리의 다른 글

ajax cache 방지  (0) 2013.02.06
[jQuery] Selector 정리 - Attribute 속성 선택자  (1) 2013.01.04
javascript 숫자 4단위 한글로 변환  (0) 2012.11.20
jquery img width() 크론  (0) 2012.03.28
ie9 버그  (0) 2011.10.31