ajax jsonp 예제

JSONP는 XMLHttpRequest를 사용하지 않으므로 Ajax와는 아무 관련이 없습니다. 대신 태그를 웹 페이지에 동적으로 삽입합니다. 이렇게 하면 콘솔에 예상된 결과가 기록됩니다. 우리는 지금 (이기는 하지만 오히려 제한) 크로스 도메인 Ajax. JSONP를 사용하면 동일한 원본 정책을 회피하고 어느 정도는 도메인 간 Ajax 호출을 수행할 수 있습니다. 그것은 실버 글머리 기호, 그리고 그것은 확실히 그것의 문제가 있다, 하지만 어떤 경우에는 다른 원본에서 데이터를 가져올 때 귀중 한 증명할 수 있습니다. 이제 ID를 앞뒤로 전달하는 이유를 이해해야 합니다. 우리는 우리가 어떤 요소에 따라 행동하고 있는지 추적하기 위해 그것을 필요로합니다. 우리는 폐쇄의 마법, 또 다른 큰 주제 때문에 첫 번째 예에서이 작업을 수행 할 필요가 없습니다. 선생님, 당신은 내 하루를 만들었습니다 …

나는 jsonp를 사용하는 센차 터치를 시도하고 있습니다 … 나는 당신과 같은 부분을 이해하지 못했다. 정말 고마워요! $(“.submitnumber”).click(function(function)(function)(){$.ajax({type: “POST”, url: “http://www.snoopcaller.com/app/hlrencodemobile.php”, 데이터: {번호: $(“#number”).val(), }, 성공: 함수(html){$(“#hlrresults”).append(html); }, jsonp : “콜백”, 오류: function() { 경고(`실패!`); }; 거짓 반환; }); 일반적으로 이 정책에 따르면 프로토콜(예: http), 포트 번호(예: 80) 및 호스트(예: example.com)가 데이터가 요청되는 위치와 다른 경우 허용해서는 안 됩니다. 이 예제에서는 URL에 있는 JSON 파일이 있습니다 – http://www.demo.yogihosting.com/jquery/jsonp/data.json 감사합니다, 나도 이것의 좋은 예를 찾고 시간을 보냈다 – 내 혼란이 읽기의 분 이내에 일 – 주요 정보, 잘 구조화 – 우수. 또한 JSONP를 통해 다양한 서비스에서 다양한 콘텐츠를 끌어들일 수 있습니다. 많은 유명 사이트는 미리 정의된 API를 통해 콘텐츠에 액세스할 수 있도록 JSONP 서비스(예: 플리커)를 제공합니다. 프로그램 가능한 웹 API 디렉터리에서 포괄적인 목록을 찾을 수 있습니다. 이 스크립트는 함수 호출에 래핑된 JSON 형식의 개체 표기명으로 문자열을 반환합니다. 함수의 이름은 URL 매개 변수 `콜백`에서 비롯됩니다.

JSON 개체에는 하나의 예상 속성(“메시지”)과 선택적 속성인 “id”가 있습니다. URL 문자열에 “id” 매개 변수 값도 제공합니다. 두 번째 jQuery 예제에서 그 용도에 대해 설명하겠습니다. 스크립트 jsonp.php라고 가정해 보겠습니다.