位置: 编程技术 - 正文

JavaScript cookie 跨域访问之广告推广

编辑:rootadmin

推荐整理分享JavaScript cookie 跨域访问之广告推广,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

在实际应用中, 跨域使用天气预报组件可以使用上面的方式实现,另外一种常用的就是显示某些电商的广告,此广告中会滚动您访问过的产品或者关联想推介给你的产品。

比如在某个A网页中显示了两种广告:

某东的广告,里面显示的东西,都是访问过滴,并且加推了相关的东西

某宝的广告,基本一样呈现方式。

当访问某东某宝的商品时,会把信息放到cookie中,呈现时会根据cookie中的商品信息进行呈现。

问题来了。

A网页所在的站点和某东某宝的站点肯定是独立的两个域名,在A网页中访问某东某宝的cookie是拿不到滴,因为不同源,那么

在A网页中的本身去呈现商品信息是做不到而且也不合适。

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

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

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

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

JavaScript  cookie 跨域访问之广告推广

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

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

demo架构:node.js+express

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

页面

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

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

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

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

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

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

如此,完成。

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

JS实时弹出新消息提示框并有提示音响起的实现代码 在javaweb认证系统开发中,客户要求有数据更新时要在页面弹出提示框,这样方便在旁边的工作人员可以及时的知道有新数据提交了,我们除了使用及时

深入浅析Extjs中store分组功能的使用方法 在项目实践的过程中,遇到需要将grid中数据根据某一字段分组的要求,当然,这个功能在api中有,在此列出来以供大家查找:两点需要注意的地方:1、

JS动态创建元素的两种方法 本文为大家分享了js创建元素的两种方法供大家参考,具体内容如下1)将需要创建的元素,以字符串的形式拼接;找到父级元素,直接对父级元素的innne

标签: JavaScript cookie 跨域访问之广告推广

本文链接地址:https://www.jiuchutong.com/biancheng/373482.html 转载请保留说明!

上一篇:JavaScript实现简单Tip提示框效果(javascript简单)

下一篇:JS实时弹出新消息提示框并有提示音响起的实现代码(js中的三种弹出式消息提醒的命令是什么)

  • 应税所得率表
  • 办税员可以购票吗?
  • 公司办理税务注销的相关规定
  • 一般纳税人条件要求2020
  • 金税盘电子发票怎么读入
  • 企业所得税季报时间
  • 拖欠安装费
  • 软件企业享受税收优惠
  • 销售预付卡的成本是什么
  • 公司配股后,会迅速提高公司股票市价
  • 标书费收据丢失怎么办
  • 私人企业的资金来源
  • 店铺不盈利还开吗
  • 集体公司改制
  • 外账不能出现收据
  • 公司买结构性存款算投资吗
  • 去年的税金没有计提
  • 企业接受非现金资产投资的账务处理
  • 投资设立民间非经济组织
  • 税票认证节假日可以顺延吗?
  • 取得高新技术企业
  • 工商年报的纳税总额怎么填写
  • 增值税专用发票查询系统官方网站
  • 使用本地账户登录什么意思
  • linux 卸载vmware
  • 缴纳印花税和残值的比例
  • 进口商品增值税可以抵扣吗
  • 哪些发票不可以通过数电平台开具
  • php语言之面向对象编程 educoder
  • 温哥华瀑布
  • 基于transformer的文本分类
  • framework教程
  • 购买仓库计入什么科目
  • 港股上市公司股票代码
  • 保险赔偿收入会计分录
  • 工会经费是应付职工薪酬的借方还是贷方
  • 加计抵减四项服务是什么?
  • 电子软件是如何诞生的
  • dedecms怎么改图片
  • 汽车租赁属于有形动产融资租赁服务?
  • 国税局网上申报
  • 模板的固定
  • 房屋租赁物业费谁承担
  • 期末账项调整的内容包括
  • 已认证发票作废是购买方申请吗
  • 捐赠纳税调整额怎么算
  • 年终零余额账户额度和收入相等吗
  • 购入固定资产的现金流量项目
  • 查账补缴的税的账怎么做
  • 可以先抵扣下个月工资吗
  • 独立核算 单独核算
  • 广告费支出的税种有哪些
  • 税控盘和金税盘一样吗
  • 固定资产处置有净值怎么处理
  • 临时工工资怎么入账合法吗
  • mysql的事务处理
  • 提升英语
  • windows7很卡
  • linux版的oracle
  • ubuntu怎么打开系统设置
  • linux检测硬盘故障
  • linux磁盘的使用方式
  • Deepin 2014.2正式版下载 和安装教程
  • win10累积更新是什么意思
  • centos7 lvcreate
  • musirc4.71.exe - musirc4是什么进程文件 有什么作用
  • win8的开始
  • Ubuntu 下搭建网站服务器
  • 观察者模式的应用
  • android sdk platform要安装吗
  • 黑客需要学哪些
  • js alert()
  • unity 摄像机
  • Windows环境下搭建Python开发环境的方法
  • 广告费属于什么会计科目
  • 如何在同一台电脑上投屏
  • 浙江网上税务局申报
  • 小规模纳税人租赁费税率
  • 2020北京户口指标数量
  • 河南省纪检委网站
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设