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