JSONP(ドメイン間問題の処理) 1964 ワード json p Ajax直接要求一般ファイルにドメイン間アクセス権限がないという問題がある「src」という属性を持つラベルは、、、など、ドメインをまたぐ能力を持っている.<br>現在の段階では、純粋なウェブエンド(ActiveXコントロール、サービスエンドエージェント、将来のHTML 5に属するWebsocketなどの方法では計算されません)を通じてドメインをまたいでデータにアクセスすることは、リモートサーバ上でjs形式のファイルにデータをロードし、クライアントの呼び出しとさらなる処理を行うことです.<br>クライアントがデータの使用を容易にするために、次第に非公式の伝送プロトコルが形成され、JSONPと呼ばれている.このプロトコルの1つのポイントは、ユーザーがcallbackパラメータをサービス側に伝達することを許可し、サービス側がデータを返すと、このcallbackパラメータを関数名としてJSONデータを包むことである.これにより、クライアントは任意に自分の関数をカスタマイズして、戻りデータを自動的に処理することができます.<pre><code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Untitled Page</title> <script type="text/javascript" src=jquery.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ $.ajax({ type: "get", async: false, url: "http://flightQuery.com/jsonp/flightResult.aspx?code=CA1998", dataType: "jsonp", jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback) jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据 success: function(json){ alert('您查询到航班信息：票价： ' + json.price + ' 元，余票： ' + json.tickets + ' 张。'); }, error: function(){ alert('fail'); } }); }); </script> </head> <body> </body> </html> </code></pre> <br>ajaxとjsonpは実は本質的に違うものです.ajaxのコアはXmlHttpRequestによってこのページ以外のコンテンツを取得することであり、jsonpのコアはサーバが提供するjsスクリプトを呼び出すために<disable_script>ラベルを動的に追加することである.<br> <br> <br> <br> <br></disable_script><div class="container-fluid p-0"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3219747971601011" crossorigin="anonymous"></script> <!-- jpdebug-blog-source-div --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3219747971601011" data-ad-slot="3872614099" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="row mb-4 pt-4 pb-4"><div class="col-6 text-primary "> <a class=" btn btn-outline-dark small float-left " href="/p/2181265"> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"> <line x1="19" y1="12" x2="5" y2="12"></line> <polyline points="12 19 5 12 12 5"></polyline> </svg> djangoは一度に複数のファイルをアップロードし、一括アップロードする</a> </div><div class="col-6 text-primary "> <a class=" btn btn-outline-dark small float-right " href="/p/2181272">マイクロ信ウィジェットネットワーク層パッケージ(promise,ログインロック) <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"> <line x1="5" y1="12" x2="19" y2="12"></line> <polyline points="12 5 19 12 12 19"></polyline> </svg> </a> </div></div> </article> </div> <!-- end row --> </div> <!-- end card-body --> </div> <!-- end card --> </div> <!-- end chat area--> <!-- start user detail --> <div class="col-12 col-xxl-3 col-xl-3 "> <div class="card sticky-top" style="top: 20px;"> <div class="row"> <aside class="col-md-12 col-xxl-12 d-none d-md-block pt-0"> <div class="sticky"> <div class="container-fluid p-0 m-0 bg-light-off "> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3219747971601011" crossorigin="anonymous"></script> <!-- jpdebug-right-top-1 --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-3219747971601011" data-ad-slot="1251860546"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </aside> </div> <div class="card-body"> <div class="row "> <aside class="col-md-12 col-xxl-12 d-none d-md-block pt-3"> <div class="sticky"><!-- <div class="container-fluid p-0">--> <!-- <script async--> <!-- src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3219747971601011"--> <!-- crossorigin="anonymous"></script>--> <!-- <!– jpdebug-post-right –>--> <!-- <ins class="adsbygoogle"--> <!-- style="display:block"--> <!-- data-ad-client="ca-pub-3219747971601011"--> <!-- data-ad-slot="8535334719"--> <!-- data-ad-format="auto"--> <!-- data-full-width-responsive="true"></ins>--> <!-- <script>--> <!-- (adsbygoogle = window.adsbygoogle || []).push({});--> <!-- </script>--> <!-- </div>--> </div> </aside> </div> </div> <!-- end card-body --> </div> <!-- end card--> </div> <!-- end col --> <!-- end user detail --> </div> </div><!-- footer --> <footer class="bg-light p-3 mt-5"> <div class="container"> <div class="row gutter-3"> <div class="col-12 col-md-12 text-white text-center text-lowercase"> <p class="mb-0 text-black-50 small text-lowercase">©2022 jpdebug.com. All Rights Reserved. | <a href="/privacy" target="_blank" class="text-dark" rel="nofollow">Privacy Policy</a> | <a href="/contact_us" target="_blank" class="text-dark" rel="nofollow">Contact US</a> | <a href="/sitemap.xml" target="_blank" class="text-dark" rel="nofollow">Sitemap</a></p> </div> </div> </div> </footer> <!-- / footer --> <!-- Bootstrap 4 Version --> <div class="nk-cookie-banner alert alert-secondary text-center mb-0 small" role="alert" style="background: rgba(255, 255, 255, .6);border-color:#f2f2f2;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(20px);"> 🍪このウェブサイトは、あなたが我々のウェブサイトで最高の経験を得ることを確実とするために、クッキーを使います。 <a href="/privacy" target="blank" rel="nofollow">プライバシー条項の表示</a> <button type="button" class="btn btn-primary btn-sm ml-3 shadow-none" onclick="window.nk_hideCookieBanner()"> 同意します </button> </div><!-- JS Global Compulsory hs-builder:build-delete --> <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.2.0/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.8/dist/clipboard.min.js"></script> <script src="/static/all_theme_package/quick-website.min.js"></script> <script src="/static/all_theme_package/cookie-banner.js"></script><script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?d95bbf01f0dd90da512ecedf1d9661bd"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script async src="//static.getclicky.com/101379076.js"></script> <!--<script>--> <!-- $(document).ready(function () {--> <!-- $("pre").addClass("language-none");--> <!-- });--> <!--</script>--> <script src="/static/all_theme_package/auto-enable-prism.js"></script> <script src="/static/all_theme_package/prism.min.js"></script></body> </html><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="2639d34b40b4f660c2eed064-|49" defer></script>