网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

怎么使用JavaScriptcookie跨域访问实现广告推广

本文小编为大家详细介绍“怎么使用JavaScript cookie跨域访问实现广告推广”,内容详细,步骤清晰,细节处理妥当,希望这篇“怎么使用JavaScript cookie跨域访问实现广告推广”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

创新互联建站专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、成都网站制作、松阳网络推广、微信平台小程序开发、松阳网络营销、松阳企业策划、松阳品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联建站为所有大学生创业者提供松阳建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com

要通过跨域的方式去呈现商品信息,需要解决的问题就是:

1.跨域服务生成的脚本中不能获取cookie,只能是在跨域的服务端获取cookie

为什么?,跨域服务生成的脚本最终是要在A网页上运行,在跨域服务生成的脚本中访问的cookie只能是A网页所在站点的cookie,那就不对了

2.跨域服务后台能够拿到cookie

答案是肯定的,浏览器只要向某个域名/地址发起请求,就会把其对应的cookie带过去。

那么,我们来实现个简单的demo

demo架构:node.js+express

1.在跨域服务上,可以理解成某电商,提供了一个页面,用来输入商品信息,模拟访问过的东西,输入后保存到cookie中。

页面

怎么使用JavaScript cookie跨域访问实现广告推广

代码中就是把输入的东西加上一个过期时间保存进cookie中,当然先简单编个码。




setCookie




看过的商品

商品1

商品2

商品3

商品4

2.在跨域服务上,写一段服务端生成脚本的代码,在生成脚本时,把浏览器带过来的cookie中的数据解码取出后拼到脚本中。

这里是通过request对象取出cookie,可能其他平台的方式不一样,但原理都是一样,浏览器是会带过来。

router.get('/ad', function (req, res) {
//拼接一JS字符串,完成向html页面中输出html标记
printCookies(req.cookies);
var s = 'document.write(\'商品广告';
//将cookie中所有的商品取出,拼到脚本字符串中
for (var p in req.cookies) {
s += '
' + unescape(req.cookies[p]) + '
'; } s+='
\');'; console.log(s); res.setHeader('content-type', 'text/javascirpt;charset=utf-8'); res.write(s); res.end(); }); function printCookies(cookies) { console.log('******cookies******'); for (var p in cookies) { console.log(p + '=' + unescape(cookies[p])); } console.log('*******************'); }

3.在本地网站的A网页中对跨域服务进行脚本请求。

其中,通过script标签引用了跨域服务上提供脚本的地址。




test



航班信息

航班号:MU532
起飞:北京
抵达:上海

页面运行后,像下图一样,就能将访问过的商品信息列出,累似打了一个小广告。

怎么使用JavaScript cookie跨域访问实现广告推广

读到这里,这篇“怎么使用JavaScript cookie跨域访问实现广告推广”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。


文章标题:怎么使用JavaScriptcookie跨域访问实现广告推广
URL标题:http://bjjierui.cn/article/pdsssd.html

其他资讯