>웹 프론트엔드 >JS 튜토리얼 >jsonp는 도메인 전체에서 데이터를 어떻게 얻나요? (코드 예)

jsonp는 도메인 전체에서 데이터를 어떻게 얻나요? (코드 예)

青灯夜游
青灯夜游앞으로
2019-01-05 10:24:143346검색

jsonp는 어떻게 도메인 전체에서 데이터를 얻나요? 이 기사에서는 jsonp를 사용하여 도메인 간 데이터를 얻는 방법을 소개합니다. 이는 특정 참조 가치가 있으므로 도움이 필요한 친구가 될 수 있기를 바랍니다.

jsonp 도메인 간 데이터 수집 팁

브라우저에는 동일 출처 정책이 있으므로, 동일한 출처가 아닌 페이지에서 데이터를 얻으려면(프로토콜, 도메인 이름 및 포트의 차이는 상동성이 아닌 것으로 간주됨) 교차 도메인

#🎜🎜을 수행해야 합니다. #(1) jsonp 원리

script 태그의 src 속성은 원본이 아닌 js 스크립트에 액세스할 수 있으므로 src 속성을 통해 서버에 액세스하면 함수의 js 코드를 반환하고 우리가 원하는 것은 데이터가 함수 매개 변수로 반환되며 먼저 이 함수를 정의하고 반환된 js 코드를 실행할 수 있습니다

# 🎜🎜#(2) jsonp 구현 코드#🎜 🎜#요청 페이지

76c82f278ac045591c9159d381de2c57
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
    b2386ffb911b14667cb8f0f91ea547a76e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
8019067d09615e43c7904885b5246f0a
    function jsonp(data){
        console.log(username)
    }
2cacc6d41bbb37262a98f745aa00fbf0
32c428c1a65afb4c21320ec475b9ffe4
2cacc6d41bbb37262a98f745aa00fbf0
8019067d09615e43c7904885b5246f0a
    $(document).ready(function(){
        var url = "http://www.example.com/jsonp.php?callback=jsonp";
        var script = $('3f1c4e4b6b16bbbd69b2ee476dc4f83a053a9cc4c2e9b9f6f911642332d34e85');
        script.attr("src",url);
        $("body").append(script);
    });
2cacc6d41bbb37262a98f745aa00fbf0
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e
7bf6f68ac33b2a6d14a606479bed8015
그 후, PHP는

jsonp({
    name:'niuni
})
#🎜🎜를 반환합니다. #그러면 PHP에서 반환된 코드 h는 요청된 페이지의 jsonp 메소드에 의해 실행됩니다#🎜 🎜#

(3) jQuery의 간단한 jsonp 크로스 도메인

#🎜 🎜#

<script>
    function showData (data) {
        console.info(data);
    }
    $(document).ready(function () {
        $("#btn").click(function () {
            $.ajax({
                url: "http://www.example.comjsonp",
                type: "GET",
                dataType: "jsonp",// 返回数据类型
                jsonpCallback: "showData",//回调函数
                // 获取数据成功就执行success函数
                success: function (data) {
                    console.info("data");
                }
            });
        });
    });
</script>

요약: 위 내용은 이 글의 전체 내용이므로, 모든 분들의 공부에 도움이 되길 바랍니다. 더 흥미로운 내용을 보려면 PHP 중국어 웹사이트의 관련 튜토리얼 열을 주의 깊게 살펴보세요! ! !

위 내용은 jsonp는 도메인 전체에서 데이터를 어떻게 얻나요? (코드 예)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 cnblogs.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제