// ajax source
var link = "http://yourdomain/ajax.jsonp.php";
$.ajax({
type : "get",
url : link,
dataType: "jsonp", // jsonp
jsonp : "callback", // 콜백함수
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) {
처리......
};
funcProcess = function(data) {
처리......
};
// http://yourdomain/ajax.jsonp.php 소스
<?php
header("Content-type: application/x-javascript");
echo $_GET['callback'] . '('.json_encode(array($arrData)) . ');';
?>
header("Content-type: application/x-javascript");
echo $_GET['callback'] . '('.json_encode(array($arrData)) . ');';
?>
'개발 > jQuery' 카테고리의 다른 글
| Ajax 앞,뒤로가기 history (0) | 2012.10.29 |
|---|---|
| jQuery-브라우저 창 사이즈 조절에 따른 이벤트 만들기 (0) | 2012.10.29 |
| jquery jsonp 사용법 (0) | 2012.01.16 |
| checkbox를 radio 버튼처럼 사용하기 (0) | 2011.10.19 |
| 참고할만한 사이트 (0) | 2011.05.27 |
| 객체지향 형식 jquery 플러그인 만들기 (0) | 2011.05.21 |