JQuery_jquery에서 getJSON을 사용하는 방법
- WBOY원래의
- 2016-05-16 18:14:041206검색
여기서는 JSONP(JSON with Padding - 일반적으로 사용되는 json 교차 도메인 방법인 json 데이터 채우기)가 사용됩니다. 스크립트 태그를 사용하고 특정 src 주소를 호출하여 클라이언트 측 js 함수를 실행하고 서버에서 상대 데이터를 생성합니다. side(JSON 형식)를 매개변수 형태로 클라이언트의 js 함수에 전달하고 서버측 데이터 출력 지원이 필요한 경우 이 함수를 실행합니다. JSONP 애플리케이션은 JQuery 1.2 이후에 지원됩니다.
JSON은 간단한 대괄호 구조의 일반 텍스트이므로 많은 채널에서 JSON 메시지를 교환할 수 있습니다. 동일 출처 정책 제한으로 인해 외부 서버와 통신할 때 XMLHttpRequest를 사용할 수 없습니다. JSONP는 동일 출처 정책을 우회할 수 있는 방법입니다. 즉, <script> 태그와 결합된 JSON을 사용하여 서버에서 실행 가능한 JavaScript 함수 호출이나 JavaScript 개체를 직접 반환할 수 있습니다. </span></p>
<p><span style="FONT-FAMILY: 宋体"></span> 전체 호출 프로세스에서 핵심 역할은 <span style="COLOR: #ff0000">j</span><font face="Verdana"><span style="COLOR: #ff0000">s</span><span style="COLOR: #ff0000">oncallback=?</span></font>,클라이언트를 호출할 때 요청 주소에 매개변수를 추가해야 합니다: jsoncallback=?; 동시에 서버는 jsoncallback 값을 메소드 이름으로 전달해야 합니다. </p>
<p><span style="FONT-FAMILY: 宋体"></span><span style="FONT-FAMILY: 宋体"> 서버 코드: <br><div class="codetitle">
<span><a style="CURSOR: pointer" data="37003" class="copybut" id="copybut37003" onclick="doCopy('code37003')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다. </div> <div class="codebody" id="code37003"> <br>protected void Page_Load(객체 전송자, EventArgs e) <br>{ <br>Response.Write(Request.QueryString["jsoncallback"] "({name:'test'})") <br>} <br>
</div> <br>html 페이지 호출: <br><div class="codetitle">
<span><a style="CURSOR: pointer" data="28717" class="copybut" id="copybut28717" onclick="doCopy('code28717')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다. </div> <div class="codebody" id="code28717"> <br><html xmlns="http://www.w3.org/1999/xhtml" > <br><head ><script type="text/javascript" src ="jquery-1.4 .4.js"></script>