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属性,将拿到的数据传到这里
相关文章
|
2月前
|
JavaScript
vue事件传值使用 dataset 对象传值
vue事件传值使用 dataset 对象传值
|
9月前
|
XML Java 数据库连接
Mabtis传值方式
Mabtis传值方式
367 0
|
2月前
|
JavaScript 前端开发
js中改变this指向、动态指定函数 this 值的方法
js中改变this指向、动态指定函数 this 值的方法
|
2月前
|
JavaScript
Vue父组件调用子组件的方法并传参的两种方式(用$refs.refName.functionName、window.function)
Vue父组件调用子组件的方法并传参的两种方式(用$refs.refName.functionName、window.function)
Vue父组件调用子组件的方法并传参的两种方式(用$refs.refName.functionName、window.function)
|
10月前
|
JavaScript
JS输出、获取元素,变量,事件组成,流程控制,对象,函数
JS输出、获取元素,变量,事件组成,流程控制,对象,函数
|
存储 人工智能 JavaScript
JavaScript变量复制值和传递参数
相比于其他语言,JavaScript 中的变量可谓独树一帜。正如 ECMA-262 所规定的,**JavaScript 变量是 松散类型的**,而且变量不过就是特定时间点一个特定值的名称而已。由于没有规则定义变量必须包含什 么数据类型,变量的值和数据类型在脚本生命期内可以改变。这样的变量很有意思,很强大,当然也有 不少问题。本章会剖析错综复杂的变量。
83 0
JavaScript变量复制值和传递参数
|
2月前
|
JavaScript
除了对象字面量形式和Vue.createApp方法,还有哪些方式可以注册组件?
除了对象字面量形式和Vue.createApp方法,还有哪些方式可以注册组件?
18 0
|
8月前
|
JavaScript
vue 怎么将表单的值(字符串和数组格式)传给后台
vue 怎么将表单的值(字符串和数组格式)传给后台
56 0
|
9月前
|
JavaScript
JS子页面如何获取父页面的变量、对象、方法
JS子页面如何获取父页面的变量、对象、方法
156 0