JavaScript cookie跨域访问的广告推广

在实际应用中，天气预报组件的跨域使用可以通过上述方式实现，另一种常见的方式是显示一些电商的广告，其中会滚动显示你已经访问过的产品或者关联你想要推荐的产品。

例如，A网页中显示两种广告：

某个地方的广告，里面展示的所有东西，都被访问过，相关的东西都被推送过。

某宝的广告基本上也是这样呈现的。

当访问某个宝藏的商品时，信息会被放入cookie中，并根据cookie中的商品信息呈现信息。

问题来了。

A网页所在的站点和某个东道宝的站点绝对是两个独立的域名。当你在某个网页中访问某个东道宝时，你无法获得cookie。因为不同的来源。

在A网页本身呈现商品信息是不可能的，也是不合适的。

当然需要跨域呈现商品信息，需要解决的问题有：

1.cookie不能从跨域服务生成的脚本中获取，只能从跨域服务器中获取。

为什么呢？跨域服务生成的脚本最终会在A网页上运行，跨域服务生成的脚本中访问的cookie只能是A网页所在站点的cookie，这是错误的。

2.跨域服务后台可以获取cookie。

答案是肯定的，只要浏览器对一个域名/地址进行请求，就会自带对应的cookie。

那么，让我们实现一个简单的演示。

演示架构：node.jsexpress。

1.在跨域服务中，可以理解为一种电子商务，提供输入商品信息的页面，模拟访问过的东西，输入后保存在cookie中。

页，面，张，版

代码是给输入添加一个过期时间，并将其保存在cookie中。当然，先简单编码一下。

！DOCTYPE HTMl HTMl HeadTitleSetCooKie/title meta http-equiv=' Content-TYPe ' Content=' text/html；Charset=utf-8' linkrel='样式表' href='/样式表/style . CSS '/headsdyh seed商品/h1divspan商品1/span输入id=' S1'/divp/pdivspan商品2/span put id=' S2 '/Divp/pdiv span商品3/span put id=' S3 '/Divp/pdiv span商品4/span put id=' S4 '/Divp/pdiv NPT id=' b ' type=' button ' value='保存到cookie中'/divisiontfunction saveinkokie(){//所有商品信息vareles 1=document . getelementbyid(' S1 ')；var eles 2=document . getelementbyid(' S2 ')；var eles 3=document . getelementbyid(' S3 ')；var eles 4=document . getelementbyid(' S4 ')；//生成24小时后到期的参数var Date=new Date()；var expiremsseconds=3 * 24 * 3600 * 1000；date . settime(date . gettime(). expiremsseconds)；//所有商品信息都设置在cookie中。文件。cookie=' S1=' escape (eles1。值)'；expires=' date . TogMTString()；document . cookie=' S2=' escape(eles 2 . value)'；expires=' date . TogMTString()；document . cookie=' S3=' escape(eles 3 . value)'；expires=' date . TogMTString()；document . cookie=' S4=' escape(eles 4 . value)'；expires=' date . TogMTString()；alert(document . cookie)；}/脚本/正文/html 2。在跨域服务上，编写服务器生成脚本的代码。生成脚本时，对浏览器带来的cookie中的数据进行解码，并将其拼写到脚本中。

这里的cookie是通过请求对象取出来的，其他平台可能不一样，但原理是一样的，浏览器会带来。

Router.get ('/ad '，函数(req，RES){//拼接一个JS字符串，完成html标签printCookies(req.cookies)到html页面的输出；var s=' document . write(\ ' div style=' background-color : red；宽度：10雷姆；Height:10rem '商品广告'；//取出cookies中的所有商品，并将其拼写到(req中的var p)的脚本字符串中。cookies) {s=' div' escape (req。cookies[p])'/div '；} s='/div \ ')；'；console.logres.setHeader('content-type '，' text/javascirpt；charset=utf-8 ')；res.writeRES . end()；});函数printCookies(cookies){ console . log(' * * * * * cookies * * * * * * ')；for(cookie中的var p){ console . log(p '=' unescape(cookie[p])；} console . log(' * * * * * * * * * * * * * * *)；} 3.在本地网站的A页面中编写跨域服务的脚本。

跨域服务上提供的脚本地址是通过脚本标签引用的。

！DOCTYPE html html html head title test/title link rel='样式表' href='/样式表/style . CSS '/head dyscript src=' http :3358 localhost 33603001/ad '/script h1航班信息/h1h4航班号：mu 532/h4h4出发：北京/h4h 4到达：上海/h4/body/html页面运行时，就像下图一样，可以列出被访问产品的信息，看起来像是一个小广告

所以，完成。

这么多关于JavaScript cookie跨域访问的广告推广知识介绍给大家，希望对大家有所帮助！