jQuery를 사용하여 도메인 간 AJAX JSONP 요청을 어떻게 만들 수 있나요?
- Barbara Streisand원래의
- 2024-11-25 15:21:13381검색
jQuery를 사용하여 도메인 간 AJAX JSONP 요청 만들기
코드 조각에서 JSON 데이터를 구문 분석하려고 합니다. jQuery의 AJAX 기능을 사용하여 다른 도메인에서 호스팅되는 서비스입니다. 그러나 교차 도메인 AJAX 요청이 성공적으로 작동하려면 추가적인 고려 사항이 필요합니다.
교차 도메인 AJAX
기본적으로 브라우저는 AJAX 요청을 동일한 출처 URL로 제한합니다. 보안상의 문제 때문입니다. 이 문제를 극복하려면 <script>를 사용하여 도메인 간 요청을 할 수 있는 JSONP(JSON with Padding)를 구현해야 합니다. 태그.</p>
<p><h3>메서드 주입</h3></p>
<p>서버 측 코드에서 메소드 주입을 지원해야 합니다. 'dataType: 'jsonp''와 함께 jQuery를 사용하면 무작위로 생성된 메서드 이름과 함께 쿼리 매개변수가 URL에 추가됩니다. 그런 다음 서버는 이 메서드 이름을 사용하여 JSON 응답을 함수 호출로 래핑해야 합니다.</p>
<p><h3>수정 코드</h3></p>
<p>서버가 다음으로 JSON 응답을 올바르게 래핑하는지 확인하세요. 쿼리 문자열에 전달된 메서드 이름입니다. 예를 들어, 쿼리 문자열에 ?callback=my_callback_method가 포함된 경우 서버는 다음과 같이 응답해야 합니다.</p>
<p>my_callback_method({your json serialized data});</p>
<p>이것이 구현되면 jQuery 코드는 다음과 같이 응답해야 합니다. JSON 데이터를 성공적으로 구문 분석합니다:</p>
<p><br><script type="text/javascript"><br>var result;<br>function jsonparser1() {</p>
<pre class="brush:php;toolbar:false">$.ajax({
type: "GET",
url: "http://10.211.2.219:8080/SampleWebService/sample.do",
dataType: "jsonp",
success: function (xml) {
alert(xml.data[0].city);
result = xml.code;
document.myform.result1.value = result;
},
});</pre>
<p>} <br></script>
위 내용은 jQuery를 사용하여 도메인 간 AJAX JSONP 요청을 어떻게 만들 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!