집 > 기사 > 웹 프론트엔드 > 도메인 전체에 대규모 데이터를 게시하는 방법: JSONP 제한이 문제가 됩니까?

도메인 전체에 대규모 데이터를 게시하는 방법: JSONP 제한이 문제가 됩니까?

Barbara Streisand원래의: 2024-11-04 02:14:02847검색

How to Post Large Data Across Domains: Are JSONP Limitations a Showstopper?

대규모 데이터에 대한 도메인 간 데이터 게시: JSONP 제한 사항 및 해결 방법

다른 도메인 간 데이터 전송을 처리할 때 다음으로 인해 제한이 발생합니다. 브라우저 보안 제한. 이러한 제한 사항 중 하나는 요청 페이지의 원본과 일치하지 않는 도메인에 대해 비동기 POST 요청을 수행할 수 없다는 것입니다. 이는 GET 요청의 크기 제한을 초과하는 대량의 데이터를 전송하려고 할 때 문제가 됩니다.

JSONP 대 POST

JSONP(JSON with Padding)는 콜백 함수에 래핑된 JSON 데이터를 활용하는 도메인 간 통신에 사용되는 기술입니다. JSONP는 비동기 데이터 검색을 허용하지만 POST 요청은 지원하지 않습니다. JSONP를 통한 모든 요청은 GET을 통해 실행되며 데이터는 쿼리 문자열 내에서 전달됩니다.

교차 도메인 데이터 게시 옵션

JSONP의 한계를 고려하여 대체 접근 방식 도메인 간에 대용량 데이터를 게시하려면 필요합니다. 한 가지 옵션은 양식의 작업을 다른 도메인의 페이지로 설정하여 일반 양식 POST를 사용하는 것입니다. 이는 요청 본문 내에 데이터를 포함하는 전통적인 HTTP POST 요청을 허용합니다.

추가 해결 방법

더 복잡한 시나리오의 경우 조작을 포함하는 실험적 기술이 있습니다. 숨겨진 요소와 해당 속성을 조작합니다. 이러한 방법은 효과적일 수 있지만 상당한 노력이 필요하며 모든 브라우저에서 신뢰할 수 없을 수도 있습니다.</p> <p><strong>결론</strong></p> <p>JSONP는 도메인 간 데이터 검색을 제공하지만 다음으로 제한됩니다. GET 요청. POST 요청이 필요하거나 도메인 간 통신이 포함되는 대규모 데이터 전송 시나리오의 경우 POST 형식 또는 특수 해결 방법과 같은 대체 접근 방식을 고려해야 합니다.</p><p>위 내용은 도메인 전체에 대규모 데이터를 게시하는 방법: JSONP 제한이 문제가 됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!</p></div><div class="nphpQianMsg"><a href="javascript:void(0);">json</a> <a href="javascript:void(0);">String</a> <a href="javascript:void(0);">for</a> <a href="javascript:void(0);">while</a> <a href="javascript:void(0);">include</a> <a href="javascript:void(0);">require</a> <a href="javascript:void(0);">function</a> <a href="javascript:void(0);">this</a> <a href="javascript:void(0);">padding</a> <a href="javascript:void(0);">http</a> <a href="javascript:void(0);">iframe</a><div class="clear"></div></div><div class="nphpQianSheng"><span>성명：</span><div>본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.</div></div></div><div class="nphpSytBox"><span>이전 기사：<a class="dBlack" title="JavaScript에서 객체 배열을 효율적으로 검색하고 필터링하는 방법은 무엇입니까?" href="http://m.php.cn/ko/faq/1796668010.html">JavaScript에서 객체 배열을 효율적으로 검색하고 필터링하는 방법은 무엇입니까?</a></span><span>다음 기사：<a class="dBlack" title="JavaScript에서 객체 배열을 효율적으로 검색하고 필터링하는 방법은 무엇입니까?" href="http://m.php.cn/ko/faq/1796668027.html">JavaScript에서 객체 배열을 효율적으로 검색하고 필터링하는 방법은 무엇입니까?</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>관련 기사</h2><em><a href="http://m.php.cn/ko/article.html" class="bBlack"><i>더보기</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/ko/faq/1609.html" title="Bootstrap 목록 그룹 구성 요소에 대한 심층 분석" class="aBlack">Bootstrap 목록 그룹 구성 요소에 대한 심층 분석</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/1640.html" title="JavaScript 함수 커링에 대한 자세한 설명" class="aBlack">JavaScript 함수 커링에 대한 자세한 설명</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/1949.html" title="JS 비밀번호 생성 및 강도 감지의 전체 예(데모 소스 코드 다운로드 포함)" class="aBlack">JS 비밀번호 생성 및 강도 감지의 전체 예(데모 소스 코드 다운로드 포함)</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/2248.html" title="Angularjs는 WeChat UI(weui)를 통합합니다." class="aBlack">Angularjs는 WeChat UI(weui)를 통합합니다.</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/2351.html" title="JavaScript를 사용하여 중국어 번체와 중국어 간체 간을 빠르게 전환하는 방법과 중국어 간체와 중국어 번체 간 전환을 지원하는 웹사이트의 요령_javascript 기술" class="aBlack">JavaScript를 사용하여 중국어 번체와 중국어 간체 간을 빠르게 전환하는 방법과 중국어 간체와 중국어 번체 간 전환을 지원하는 웹사이트의 요령_javascript 기술</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！</p></div><div class="footermid"><a href="http://m.php.cn/ko/about/us.html">회사 소개</a><a href="http://m.php.cn/ko/about/disclaimer.html">부인 성명</a><a href="http://m.php.cn/ko/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>