programing

dataType jsonp와 JSON의 차이

subpage 2023. 8. 17. 21:19
반응형

dataType jsonp와 JSON의 차이

나는 remote-jsonp.html을 찾아 Jquery UI 자동 로드를 다운로드합니다.이것은 ajax 함수이지만 나는 콘솔을 엽니다.콘솔에서 어떤 요청도 볼 수 없습니다...

dataType;"jsonp"와 dataType;"JSON"의 차이점은 무엇입니까?

$( "#city" ).autocomplete({
        source: function( request, response ) {
            $.ajax({
                url: "http://ws.geonames.org/searchJSON",
                dataType: "jsonp",
                data: {
                    featureClass: "P",
                    style: "full",
                    maxRows: 12,
                    name_startsWith: request.term
                },
                success: function( data ) {
                    response( $.map( data.geonames, function( item ) {
                        return {
                            label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName,
                            value: item.name
                        }
                    }));
                }
            });
        },

언급 http://jqueryui.com/demos/autocomplete/remote-jsonp.html

dataType: jsonp교차 도메인 요청의 경우, 즉, 다른 도메인에 대한 요청과dataType: json동일한 도메인-동일한 오리진 요청의 경우.

JSONP를 사용하여 JSON 블록에 로드합니다.URL 끝에 "?callback=?"을 추가하여 콜백을 지정합니다.캐시 옵션이 true로 설정되지 않은 경우 쿼리 문자열 매개 변수 "_=[TIMestamp]"를 URL에 추가하여 캐시를 비활성화합니다.

동일한 오리진 정책에 대해 읽습니다.

jQuery AJAX에 대해 자세히 알아보기

JSONP를 사용하면 Ajax 요청을 볼 수 없습니다.그러나 JSONP는 다른 도메인의 데이터를 끌어오기 위한 교차 도메인 호출에 사용되므로 리소스에 대한 요청이 표시됩니다.

함수 이름으로 묶인 JSON 데이터를 반환합니다.jQuery는 백그라운드에서 함수 이름을 처리하고 데이터를 성공 처리기로 전달합니다.src 특성이 호출 중인 서비스를 가리키는 스크립트 요소를 동적으로 생성한 다음 브라우저의 DOM에 연결하여 데이터를 로드합니다.그런 다음 브라우저가 리소스에 요청하고 웹 서비스는 콜백 기능과 데이터로 응답합니다.

언급URL : https://stackoverflow.com/questions/10852652/difference-between-datatype-jsonp-and-json

반응형