実際のアプリケーションでは、気象予測コンポーネントのクロスドメインの使用を上記の方法で実装できます。もう1つの一般的に使用される方法は、特定のeコマース広告を表示することです。これは、訪問した製品または関連する推奨事項によって推奨される製品をスクロールします。
たとえば、2種類の広告が特定のWebページに表示されます。
東の広告はすべて訪問されており、関連するものを追加しました。
Taobaoの広告は、基本的にプレゼンテーションと同じです。
DongとBaoから製品を訪問すると、情報はCookieに配置され、提示されると、Cookieの製品情報に従って提示されます。
問題はこちらです。
WebページAがあるサイトとDongとTaobaoのサイトは、2つの独立したドメイン名でなければなりません。さまざまなソースがあるため、DongとTaobaoのCookieをWebページAに入手することはできません。
A Webページ自体に製品情報を提示することは不可能で不適切です。
もちろん、クロスドメイン方法を通じて製品情報を提示する必要があります。解決する必要がある問題は次のとおりです。
1.クロスドメインサービスによって生成されたスクリプトは、Cookieを取得することはできませんが、クロスドメインサーバーでのみCookieを取得できます。
なぜ? 、クロスドメインサービスによって生成されたスクリプトは、最終的にA Webページで実行されます。クロスドメインサービスによって生成されたスクリプトにアクセスされるCookieは、WebページがあるサイトのCookieのみである可能性がありますが、それは間違っています。
2.クーキーは、クロスドメインサービスの背景で取得できます
答えはイエスです。ブラウザが特定のドメイン名/アドレスへのリクエストを開始する限り、対応するCookieを引き継ぎます。
それでは、簡単なデモを実装しましょう
デモアーキテクチャ:node.js+express
1.クロスドメインサービスでは、電子商取引会社として理解でき、製品情報を入力し、訪問したものをシミュレートし、入力後にCookieに保存するページを提供します。
ページ
コードは、入力をCookieに保存するために有効期限を追加することであり、もちろん、簡単なコードが最初です。
<!doctype html> <html> <head> <title> setcookie </title> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"> <link rel = "styleSheet" " href = "/styleSheets/style.css"> </head> <body> <h1>再生</h1> <div> <span>製品1 </span> <入力id = "s1"> </div> <p> </p> <span> div> div> product 2 </span> <入力ID = "S2" S2 id = "s3"> </div> <p> </p> <div> <span> product 4 </span> <input id = "s4"> </div> <p> </p> <div> <input id = "b" type = "button" value = "saveincookie() ELES2 = document.getElementById( 's2'); var eles3 = document.getElementById( 's3'); var eles3 = document.getElementById( 's3'); var eles4 = document.getElementByid( 's4'); //パラメーターvar date = new Date(); 24時間後に有効期限が切れるVARは、MSECONDS = 3*24*3600*1000; date.settime(date.getTime()+expiresMseconds); //すべての製品情報をCookieに設定するdocument.cookie = 's1 ='+exasce(eLes1.value)+"; expir ="+date.togmtstring(); document.cookie = 's2 ='+escase(eles2.value)+"; expir es = "+date.togmtstring(); document.cookie = 's3 ='+escase(eles3.value)+"; expires = "+date.togmtstring(); document.co okie = 's4 ='+exasce(eles4.value)+"; expires ="+date.togmtstring(); alert(document.cookie);} </script> </body> </html>
2。クロスドメインサービスで、サーバー上にスクリプトを生成するコードを作成します。スクリプトを生成するときは、ブラウザによってもたらされたCookieからデータをデコードして抽出し、スクリプトにスプライスします。
ここでは、リクエストオブジェクトを介してクッキーを取り出します。他のプラットフォームの方法は異なる場合がありますが、原則は同じであり、ブラウザはそこにそれらをもたらします。
router.get( '/ad'、function(req、res){// js文字列を分割し、HTMLタグの出力をHTMLページprintCookies(req.cookies); var s = 'document.write(/' <div style = "background-color:red; width:10rem:10rem product out in product adversement" (req.cookiesのvar p){s + = '<div>' + unescape(req.cookies [p]) + '</div>';} s + = '</div>/'); '; console.log(s); res.setheader(' content-type '、 'text/javascirct; charset = utf-8'); res.write(s); res.end();}); function printcookies(cookies){console.log( '******* cookies *******'); unescape(cookie [p]));} console.log( '***************');}3.ローカルWebサイトのA Webページで、クロスドメインサービスのスクリプトリクエストを作成します。
その中で、クロスドメインサービスで提供されるスクリプトのアドレスは、スクリプトタグを介して参照されます。
<!Doctype html> <html> <head> <title> tiest> title </title> <link rel = "styleSheet" href = "/styleSheets/style.css"> </head> <body> <body> <body> <scrip = "http:// localhost:3001/ad"> </hight flight </hlight </h1> MU532 </h4> <h4>出発:北京</h4> <h4>到着:上海</h4> </body> </html>
ページが実行された後、下の写真のような訪問された製品情報をリストできます。疲れて、小さな広告を入力しています。
だから、それは終わった。
JavaScript Cookieのクロスドメインアクセス広告プロモーションに関する関連する知識について、私はあなたに多くのことを紹介します。それがあなたに役立つことを願っています!