Artigos

Tire duas dúvidas com o especialista no assunto Dr. Daphnis Citti de Lauro

jquery jsonp 예제

다음으로 jQuery AJAX 코드를 업데이트하여 데이터 Type: “jsonp” 및 jsoncallback 속성을 다음과 같이 업데이트합니다. 작업 jsFiddle 예제를 확인하십시오. 그러나 Jquery를 사용하여 이러한 작업을 수행하는 경우 Jquery의 Ajax 유틸리티를 사용해야 합니다. 다음과 같은 것 – 첫 번째 예제를 참조하여 .htaccess 파일 (아파치 가정)에 다음을 추가하여 다른 출처의 요청을 허용할 수 있습니다. 예제. 그러나 이제 기본에 대한 이해가 생겼습니다. 위의 예에서 인수 /옵션의 개체를 $.ajax()로 전달하고 있습니다. 첫 번째 인수는 로컬 URL인 “스크립트/countries.json”입니다. 다음 인수는 데이터를 읽을 계획이므로 GET의 경우 요청 유형입니다. 세 번째 인수는 반환되는 데이터 형식을 나타내는 dataType입니다. 그러나이 방법은 단점이 있습니다. 예를 들어 타사 사이트에서 인증을 위해 쿠키를 사용하는 경우 이 작업은 작동하지 않습니다. 예를 들어 JSONP는 도메인 간 GET 요청만 수행할 수 있으며 서버는 명시적으로 이를 지원해야 합니다.

JSONP는 또한 보안 문제가 없는 것은 아니므로 다른 해결책을 간단히 살펴보겠습니다. 서버 측 코드는 동일한 원본 정책에 구속되지 않으며 문제 없이 원본 간 요청을 수행할 수 있습니다. 따라서 일종의 프록시를 만들고 필요한 데이터를 검색하는 데 사용할 수 있습니다. 첫 번째 예제: php 파일에 JSON을 전송 하여 예제를 동적인 것으로 만들고 php 파일이 얻는 정보에 따라 JSON 개체를 반환하도록 합니다. jQuery를 사용하여 서버에서 JSON 데이터를 얻는 것은 매우 쉽습니다. 이 문서에서는 JSON 형식으로 데이터를 반환 하는 로컬 URL 및 원격 URL에서 데이터를 사용 하는 간단한 예제를 볼 수 있습니다. 첫 번째 예제에서는 국가 이름을 포함하는 JSON을 가져 와서 드롭 다운 / HTML 선택 상자를 값으로 채웁니다. “기본으로 돌아가기” 예제를 주셔서 감사합니다! JQuery가 호스트 사이트에 의해 차단되어 rawJS 프로세스를 추적해야하는 경우가 있습니다. JSONP는 실제로 정말 간단하므로 몇 가지 코드를 살펴 보겠습니다. 다음은 여섯 줄의 작업 예제입니다: 보시다시볼 수 있듯이 이 URL 문자열에서 콜백을 지정하지 는 않습니다. 예제를 실행하면 출력이 동일하게 유지됩니다. 구글 크롬 개발자 도구 (Ctrl + Shift + I)에서 Ziptastic에서 반환 된 HTTP 응답 헤더가 표시되면 액세스 제어 허용 – 출처로 응답하는 것을 관찰 할 수 있습니다 .

방식 으로. 또한 JSONP를 통해 다양한 서비스에서 다양한 콘텐츠를 끌어들일 수 있습니다. 많은 유명 사이트는 미리 정의된 API를 통해 콘텐츠에 액세스할 수 있도록 JSONP 서비스(예: 플리커)를 제공합니다. 프로그램 가능한 웹 API 디렉터리에서 포괄적인 목록을 찾을 수 있습니다. 나는 단지 내가 당신의를 읽을 때까지 더 혼란 stackoverflow를 포함하여 다른 사이트에 소위 “기본”또는 “간단한”예에 대해 4 또는 5에 대해 읽었다. 우아하고 전문적으로 설명. 나는 심지어 기사를 완료하기 전에 그것을 이해했다. 놀라운.

난 그냥 큰 감사를 말하고 있는 것 같아요. 좋은 일 다음 예제에서 우리는 존 Resig (jQuery 작성자)에 대 한 사용자 정보를 지 고 로그 결과 콜백 기능을 사용 하 여 콘솔에 대 한 응답을 기록 하 고 있습니다.