JQuery 에서 getJSON 의 사용법

1695 단어 JQuerygetJSON
여 기 는 JSONP(JSON with Padding-json 데 이 터 를 채 우 는 것,즉 자주 사용 하 는 json 크로스 도 메 인 방식)를 사용 합 니 다.script 라벨 을 이용 하여 특정한 src 주소 호출 을 통 해 클 라 이언 트 의 js 함 수 를 실행 하고 서버 에서 상대 적 인 데이터(JSON 형식)를 생 성하 여 이 클 라 이언 트 의 js 함수 에 매개 변수 로 전달 하고 이 함 수 를 실행 합 니 다.전 제 는 서버 측의 데이터 출력 지원 이 필요 하 다 는 것 이다.JQuery 1.2 이후 JSONP 애플 리 케 이 션 을 지원 합 니 다.
    JSON 은 간단 한 괄호 구 조 를 가 진 순수한 텍스트 이기 때문에 많은 채널 에서 JSON 메 시 지 를 교환 할 수 있다.같은 소스 정책 의 제한 으로 인해 외부 서버 와 통신 할 때 XML HttpRequest 를 사용 할 수 없습니다.JSONP 는 같은 소스 정책 을 돌아 갈 수 있 는 방법 입 니 다.즉,JSON 과표 시 를 결합 하 는 방법 으로 서버 에서 실행 가능 한 자바 script 함수 호출 이나 자바 script 대상 을 직접 되 돌려 줍 니 다.
   전체 호출 과정 에서 관건 적 인 역할 을 하 는 것 은 jsoncallback=?클 라 이언 트 호출 시 요청 주소 에 인 자 를 추가 해 야 합 니 다:jsoncallback=?;또한 서버 쪽 에 서 는 jsoncallback 의 값 을 방법 명 으로 전송 해 야 합 니 다.
   서버 코드:
 
protected void Page_Load(object sender, EventArgs e)
{
Response.Write(Request.QueryString["jsoncallback"] + "({name:'test'})");
}
html 페이지 호출:
 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head >
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$.getJSON("http://localhost:10272/test.aspx?jsoncallback=?",
function(data) {
$("#divHeaderLink").html(data.name);
});
});
</script>
</head>
<body>
<div id="divHeaderLink">
</div>
</body>
</html>

좋은 웹페이지 즐겨찾기