jsonp는 도메인 전체에서 데이터를 어떻게 얻나요? (코드 예)-JS 튜토리얼-php.cn

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

青灯夜游

풀어 주다： 2019-01-05 10:24:14

앞으로

3344명이 탐색했습니다.

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

jsonp 도메인 간 데이터 수집 팁

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

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

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

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

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<script type="text/javascript">
    function jsonp(data){
        console.log(username)
    }
</script>
<script type="text/javascript" src="jquery-1.8.3.min.js">
</script>
<script type="text/javascript">
    $(document).ready(function(){
        var url = "http://www.example.com/jsonp.php?callback=jsonp";
        var script = $('<script><\/script>');
        script.attr("src",url);
        $("body").append(script);
    });
</script>
</body>
</html>

로그인 후 복사

<?php

$data = {&#39;name&#39;: &#39;张三&#39;};
$callback = $_GET[&#39;callback&#39;];
echo $callback."(".json_encode($data).")";

?php>

로그인 후 복사

그 후, 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!