jq如何在不同页面之间传值和赋值

简介: jq如何在不同页面之间传值和赋值
一般常用的两种方法:
1.可以通过localstory存放到浏览器缓存中
2.通过url跳转赋值和取值

下面我想通过url的方法进行操作(目的是将拿到的数据动态改变img中的src属性显示不同的图片):

一.这是跳转前的页面

//获取后台数据
$.post("https://app.xiaozhangnongming.vip/api.html",{method:"website.pccourse"},
    function(res){
      //获取的数据
      offlineData = res.offline.data//现场国学精品课程数据
     //这三个变量用来存放字符串拼接的数据
      var offlineHtml=""
       //对数据进行循环遍历
      $.each(offlineData,function(k,v){
      //将数据进行拼接(注意我在拼接的时候用href去拼接待会方便拿到数据,href是我随便定义的)
        offlineHtml+='<li>'+'<a href="courseIndex.html?href='+ offlineData[k].code+'">'+'<span class="fa fa-bookmark">'+'</span>'+offlineData[k].name+'</a>'+'</li>'
      })
    //将拼接后的数据放到页面上
      $(".offline").append(offlineHtml)
    }
)

二.这是跳转后的页面

    let locations = window.location.href.split('href=')//获取我们刚才点击跳转后的链接,然后我在刚刚在链接那里用href做标记,方便我们用split去截取,截取出来是一个数组
    let href = locations[1]//我们将数组中需要的数据拿到
    $('img').attr('src',href)//这里动态改变img的src属性,将拿到的数据传到这里
相关文章
|
Shell C++ 开发者
【Shell 编程指南】Shell运算操作符之$[]详解
【Shell 编程指南】Shell运算操作符之$[]详解
155 0
【moment】两个Moment时间大小的比较
【moment】两个Moment时间大小的比较
Mgo
|
存储 SQL Kubernetes
可观测性革命 - 揭秘OpenObserve开源高性能云原生平台
本文分析OpenObserve 以及其在可观测性方面如何帮助您构建更好的软件并节省观测成本
Mgo
2353 0
|
11月前
|
人工智能 计算机视觉 异构计算
LLaVA-Med:微软推出专为临床放射学优化和报告生成的多模态模型
LLaVA-Med是微软推出的小型多模态模型,专注于高效生成高质量的胸部X光放射学报告,支持快速临床部署。
722 7
|
安全 Java 程序员
线程安全与 Vector 类的分析
【8月更文挑战第22天】
353 4
|
C++ Windows
[c++][记录]libwdi编译
[c++][记录]libwdi编译
369 0
|
弹性计算 大数据 测试技术
阿里云服务器活动优惠价格表及收费标准出炉(2024年新版更新)
阿里云服务器2024年多少钱?阿里云服务器活动优惠价格表及收费标准出炉,云服务器ECS经济型e实例2核2G、3M固定带宽99元一年、ECS u1实例2核4G、5M固定带宽、80G ESSD Entry盘优惠价格199元一年,轻量应用服务器2核2G3M带宽轻量服务器一年61元、2核4G4M带宽轻量服务器一年165元12个月、2核4G服务器30元3个月,幻兽帕鲁4核16G和8核32G服务器配置,云服务器ECS可以选择经济型e实例、通用算力u1实例、ECS计算型c7、通用型g7、c8i、g8i等企业级实例规格。详细配置及价格表见下文。
325 2
|
机器学习/深度学习 数据采集 自然语言处理
【机器学习】逻辑回归:智能垃圾邮件分类实例
【机器学习】逻辑回归:智能垃圾邮件分类实例
918 0
|
运维 Java 数据库
基于springboot超市进销存系统
基于springboot超市进销存系统
|
Prometheus Kubernetes 监控
如何在Kubernetes上安装Prometheus并将其用于监控
如何在Kubernetes上安装Prometheus并将其用于监控