jQuery 단순화 가이드: jQuery 및 Ajax 탐색

jQuery ajax() 함수는 가장 낮은 수준의 추상화입니다

jQuery ajax() 函数是可用于 XMLHttpRequest（又名 AJAX）的最低抽象级别。所有其他 jQuery AJAX 函数（例如 load()）都利用 ajax() 函数。使用 ajax() 函数为 XMLHttpRequests 提供了最强大的功能。 jQuery 还提供了其他更高级别的抽象来执行非常特定类型的 XMLHttpRequests。这些函数本质上是 ajax() 메소드 단축키.

바로가기:

• 加载()
• <code>get()
• <code>getJSON()
• <code>getScript()
• <code>post()

단축키가 때로는 좋을 때도 있지만 모두 이면에서는 ajax() 。而且，当您需要 jQuery 在 AJAX 方面提供的所有功能和自定义功能时，您应该使用 ajax()방법을 사용한다는 점을 기억하는 것이 중요합니다.

참고: 기본적으로 ajax() 和 load() AJAX 函数均使用 GET HTTP 프로토콜입니다.

---

jQuery는 교차 도메인 JSONP를 지원합니다

JSONP(패딩 포함 JSON)는 HTTP 요청(JSON을 반환함)의 전송자가 JSON 객체를 함수 매개변수로 사용하여 호출되는 함수에 대한 이름을 제공할 수 있도록 하는 기술입니다. 이 기술은 XHR을 사용하지 않습니다. 스크립트 요소를 사용하므로 모든 사이트에서 모든 사이트로 데이터를 가져올 수 있습니다. 목적은 XMLHttpRequest의 동일 출처 정책 제한을 우회하는 것입니다.

JQuery 함수를 사용하면 URL에 JSONP 콜백 함수를 추가할 때 다른 도메인에서 JSON 데이터를 로드할 수 있습니다. 예를 들어, Flickr API를 사용한 URL 요청은 다음과 같습니다. <code>getJSON()

<span class="sgc-100">http://api.flickr.com/services/feeds/photos_public.gne?tags=resig&tagmode=all&format=json&jsoncallback</span>=? ? 값은 jQuery에게

함수에 인수로 전달된 함수를 호출하도록 지시하는 바로가기로 사용됩니다. 이 단축키를 사용하지 않으려면 ?를 다른 함수 이름으로 바꾸면 됩니다. ? 值用作快捷方式，告诉 jQuery 调用作为 <code>getJSON() 函数的参数传递的函数。如果您不想使用此快捷方式，可以将 ?

아래에서는 Flickr JSONP API를 사용하여 "resig" 태그가 지정된 최신 사진이 포함된 웹 페이지를 가져옵니다. 나는 ? 단축키를 사용하고 있으므로 jQuery는 내가 제공한

함수의 콜백 함수를 간단히 호출할 것입니다. 콜백 함수에 전달되는 매개변수는 요청된 JSON 데이터입니다. ? 快捷方式，因此 jQuery 将简单地调用我提供的 <code>getJSON() 으아악

참고: 콜백을 올바르게 사용하려면 사용 중인 서비스의 API를 반드시 확인하세요. 예를 들어 Flickr는 라는 이름을 사용합니다. jsoncallback=?，而 Yahoo!和 Digg 使用名称 callback=?

---

브라우저의 XHR 요청 캐싱 중지

XHR 요청을 수행할 때 Internet Explorer는 응답을 캐시합니다. 응답에 유효 기간이 긴 정적 콘텐츠가 포함된 경우 캐싱이 유용할 수 있습니다. 그러나 요청 내용이 동적이고 언제든지 변경될 수 있는 경우 브라우저가 요청을 캐시하지 않도록 해야 합니다. 한 가지 가능한 해결 방법은 URL 끝에 고유한 쿼리 문자열 값을 추가하는 것입니다. 이렇게 하면 브라우저가 각 요청에 대해 고유한 URL을 요청하게 됩니다.

으아악

또 다른 솔루션(글로벌 솔루션에 더 가깝음)은 방금 논의한 캐시 없음 논리를 포함하도록 모든 AJAX 요청을 기본값으로 설정하는 것입니다. 이렇게 하려면

기능을 사용하여 전역적으로 캐싱을 끄세요. ajaxSetup 으아악

이제 별도의 XHR 요청으로 이 전역 설정을 재정의하려면

함수를 사용하여 XHR 요청을 수행하는 코드 샘플을 따르면 됩니다. 이 함수는 전역 설정을 재정의하고 요청을 캐시합니다. ajax() 函数时更改缓存选项即可。下面是使用 ajax() 으으으으

위 내용은 jQuery 단순화 가이드: jQuery 및 Ajax 탐색의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!