Em aplicações reais, o uso de domínio cruzado dos componentes de previsão do tempo pode ser implementado no método acima. Outro método comumente usado é exibir certos anúncios de comércio eletrônico, que percorrerão os produtos que você visitou ou os produtos recomendados por recomendações relacionadas.
Por exemplo, dois tipos de anúncios são exibidos em uma certa página da web:
Os anúncios do Oriente foram todos visitados e adicionaram coisas relacionadas.
Os anúncios de Taobao são basicamente os mesmos que a apresentação.
Ao visitar produtos de Dong e Bao, as informações serão colocadas no cookie e, quando apresentadas, serão apresentadas de acordo com as informações do produto no cookie.
O problema está aqui.
O site em que a página da web está localizada e o site de Dong e Taobao deve ser dois nomes de domínio independentes. Você não pode obter os cookies de Dong e Taobao na página da web, porque existem fontes diferentes, então
É impossível e inapropriado apresentar as informações do produto na própria página da web.
Obviamente, precisamos apresentar as informações do produto por meio de métodos de domínio cruzado. Os problemas que precisam ser resolvidos são:
1. O script gerado pelo serviço de domínio cruzado não pode obter cookies, mas só pode obter cookies nos servidores de domínio cruzado.
Por que? , o script gerado pelo serviço de domínio cruzado deve ser executado na página da web. O cookie acessado no script gerado pelo serviço de domínio cruzado pode ser apenas o cookie do site onde está localizada a página A Web, que está errado.
2.Cookies pode ser obtido no fundo do serviço de domínio cruzado
A resposta é sim. Enquanto o navegador iniciar uma solicitação para um determinado nome/endereço de domínio, ele trará seu cookie correspondente.
Então, vamos implementar uma demonstração simples
Arquitetura de demonstração: Node.js+Express
1. Nos serviços de domínio cruzado, ele pode ser entendido como uma empresa de comércio eletrônico, fornecendo uma página para inserir informações do produto, simular as coisas visitadas e salvá-las no cookie após a entrada.
página
O código é adicionar um tempo de expiração para salvar a entrada no cookie e, é claro, um código simples é o primeiro.
<! 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"> </ad Head> <body> <h1> tocando </h1> <div> <pan> Produto 1 </span> <input id = "s1"> </div> <p> </p> <div> <div> product 2 </span> <input id = "s2"> id = "s3"> </div> <p> </p> <div> <pan> Produto 4 </span> <input id = "s4"> </div> <p> </p> <div> <input id = "b" type = "button" value = "saveincookie ();"> </div> <crript> função salvencie ELES1 = document.getElementById ('S1'); var elees2 = document.getElementById ('S2'); var elees3 = document.getElementById ('S3'); var eSelementById ('s) nen); Var que expira após 24 horas ExpiresMsSonds = 3*24*3600*1000; DATE.SETTIME (DATE.GETTIME ()+EXPIRESMSSSECONDS); // Defina todas as informações do produto em cookies document.cookie = 's1 ='+escape (eles1.value)+"; expir ="+date.togmtString (); document.cookie = 's2 ='+escape (eles2.value)+"; expir es = "+date.togmtString (); document.cookie = 's3 ='+escape (eles3.value)+"; expires = "+date.togmtString (); document.co Okie = 'S4 ='+Escape (ELES4.Value)+"; expira ="+date.togmtString (); alert (document.cookie);} </script> </body> </html>2. Nos serviços de domínio cruzado, escreva um código para gerar scripts no servidor. Ao gerar o script, decodifique e extraia os dados do cookie trazido pelo navegador e, em seguida, coloque -os no script.
Aqui, pegamos cookies através do objeto de solicitação. Os métodos de outras plataformas podem ser diferentes, mas os princípios são os mesmos, e o navegador os trará para lá.
router.get ('/ad', function (req, res) {// dividir uma string js e completar a saída da tag html na página html printcookies (req.cookies); var s = 'the Document.write (' <'<div estilo = "Background-color: Redth; largura; script string para (var p em req.cookies) {s + = '<div>' + unescape (req.cookies [p]) + '</div>';} s + = '</div>/'); '; console.log (s); res.SetheTer (' conteúdo-type ', 'Texto/javascirct; charset = utf-8'); res.write (s); res.nd ();}); função printcookies (cookies) {console.log ('****** biscoitos ******* UNESCAPE (Cookies [P]));} Console.log ('***************');}3. Faça solicitações de script para serviços de domínio cruzado na página A do site local.
Entre eles, o endereço do script fornecido no serviço de domínio cruzado é referenciado através da tag de script.
<! Doctype html> <html> <head> <title> teste </title> <link rel = "stylesheet" href = "/stylesheets/style.css"> </ad Head> <Body> <script src = "http: // localHost: 3001/ad" MU532 </h4> <h4> partida: Pequim </h4> <h4> chegada: shanghai </h4> </body> </html>
Depois que a página estiver em execução, você pode listar as informações visitadas do produto, como a figura abaixo, e está cansado dela e está digitando um pequeno anúncio.
Então, está feito.
Vou apresentar muito a você sobre o conhecimento relevante sobre a promoção de publicidade de acesso entre domínios de cookies JavaScript, e espero que seja útil para você!