В фактических приложениях в приведенном выше методе может быть реализовано междоменное использование компонентов прогноза погоды. Другим обычно используемым методом является отображение определенных рекламных объявлений электронной коммерции, которая прокругает продукты, которые вы посетили, или продукты, рекомендованные вам соответствующими рекомендациями.
Например, два типа рекламы отображаются на определенной веб -странице:
Все рекламные объявления Востока были посещены и добавили связанные вещи.
Реклама Taobao в основном такие же, как и презентация.
При посещении продуктов из Dong и BAO информация будет размещена в файле cookie, и когда она будет представлена, она будет представлена в соответствии с информацией о продукте в файле cookie.
Проблема здесь.
Сайт, где находится веб -страница A, и сайт Dong и Taobao должен быть двумя независимыми доменными именами. Вы не можете получить печенье Dong и Taobao на веб -странице A, потому что есть разные источники, поэтому
Невозможно и неуместно представлять информацию о продукте на самой веб -странице.
Конечно, нам нужно представить информацию о продукте с помощью междоменных методов. Проблемы, которые необходимо решить:
1. Сценарий, сгенерированный сервисом поперечной доменной службы, не может получить файлы cookie, но может получить только cookie-файлы на междоменных серверах.
Почему? Сценарий, сгенерированный сервисом поперечного домена, в конечном итоге должен работать на веб-странице. Cookie, доступный в сценарии, сгенерированного сервисом поперечного домена, может быть только печеньем сайта, где находится веб-страница, это неправильно.
2. Куки можно получить на фоне перекрестной службы обслуживания
Ответ да. Пока браузер инициирует запрос на определенное доменное имя/адрес, он приведет к соответствующему файлу cookie.
Итак, давайте внедрим простую демонстрацию
Демо -архитектура: node.js+Express
1. В службах кросс-домены его можно понимать как компания электронной коммерции, предоставляя страницу для ввода информации о продукте, моделирования посещаемых вещей, а затем сохранить их в печенье после ввода.
страница
Код должен добавить время истечения, чтобы сохранить ввод в файл cookie, и, конечно, первый код является первым.
<! Doctype html> <html> <head> <title> setCookie </title> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"> <link rel = "Стильсхет" href = "/styleSheepts/style.css"> </head> <body> <h1> воспроизводится </h1> <div> <pan> Продукт 1 </span> <input id = "s1"> </div> <p> </p> <div> <pan> 2 </span> <spanud = "s2"> </pse> <p> </p span> <span> <ppan> <span> <ppan> id = "s3"> </div> <p> </p> <div> <pan> продукт 4 </span> <input id = "s4"> </div> <p> </p> <div> <input id = "b" type = "value =" saveIncookie (); eles1 = document.getElementbyId ('s1'); vares2 = document.getElementById ('s2'); var eles3 = document.getElementById ('s3'); vares3 = document.getElementById ('s3'); vares4 = document.getElementById ('s4');// генерировать параметр = new Date Date Date ('s4'); var, который истекает через 24 часа истекает в сроках, 3*24*3600*1000; date.settime (date.gettime ()+expiresmsmesconds); // Установить всю информацию о продукте в файлы cookie document.cookie = 's1 ='+escape (eles1.value)+"; expir ="+date.togmtString (); document.cookie = 's2 ='+ascain (eles2.value)+"; Expir es = "+date.togmtString (); document.cookie = 's3 ='+escape (eles3.value)+"; истекает = "+date.togtString (); document.co okie = 's4 ='+exck (eles4.value)+"; истекает ="+date.togmtstring (); alert (document.cookie);} </script> </body> </html>2. На службах поперечного домена напишите кусок кода для генерации сценариев на сервере. При генерации скрипта декодируйте и извлеките данные из файла cookie, принесенные браузером, а затем разбивайте его в сценарий.
Здесь мы снимаем куки через объект запроса. Методы других платформ могут быть разными, но принципы одинаковы, и браузер принесет их туда.
router.get ('/ad', function (req, res) {// разделить строку js и завершить вывод тега HTML на HTML Page Printcookies (req.cookies); var s = 'document.write (/' <div style = "foange-color: red; ширина: 10rem; hight: 10reme"> Продукт. Строка скрипта для (var p in req.cookies) {s + = '<div>' + unescape (req.cookies [p]) + '</div>';} s + = '</div>/'); '; console.log (s); res.setheader (' Содержимое тип 'text/javascirct; charset = utf-8'); res.write (s); res.end ();}); function printcookies (cookies) {console.log ('****** cookie *******'); для (var p в cookies) {console.log (p + '=' + Unescape (cookies [p]));} console.log ('*************');}3. Сделайте запросы сценариев на междоменные услуги на веб-странице локального веб-сайта.
Среди них адрес сценария, предоставленного в службе поперечного домена, ссылается через тег сценария.
<! Doctype html> <html> <head> <title> test </title> <link rel = "stylesheet" href = "/stylesheests/style.css"> </head> <body> <script src = "http: // localhost: 3001/ad"> </script> <h1> allight <// h4 number: h4 number> <h1> <h1> <h1> <h1>. Mu532 </h4> <h4> Отход: Пекин </h4> <h4> Прибытие: Шанхай </h4> </body> </html>
После того, как страница запускается, вы можете перечислить информацию о посещении продукта, такую как изображение ниже, и вы устали от нее, и вы набираете небольшую рекламу.
Итак, это сделано.
Я так много расскажу вам о соответствующих знаниях о перекрестном доступе по рекламе рекламных файлов javaScript, и я надеюсь, что это будет полезно для вас!