跨页面,a->b,b传数组给a(前端网备份)

实际情形是
course creat(a) 和creat2(b)
a页面点击按钮跳到b页面,b页面类似于提交表单,提交后返回a页面,a页面则多了一条数据用来展示以及删除,然后a页面再点按钮...此过程可以重复
b页面
var obj = new Object();
obj.week = week;
obj.time = time;
obj.classroom=classroom;

if(localStorage.courses==null){
var c = [obj];
//obj为数组,c为数组对象
console.log(c);

//JSON.stringify()【从一个对象中解析出字符串】
//[{"week":"周一","time":"5-6节","classroom":"s"}]
var courses = JSON.stringify(c);
console.log(courses);
localStorage.courses=courses;
}else{
//JSON.parse()【从一个字符串中解析出json对象】
var courses = JSON.parse(localStorage.courses);
courses.push(obj);
console.log(courses);
localStorage.courses=JSON.stringify(courses);
}
history.go(-1);

a页面
window.addEventListener(‘pageshow‘, function(e) {
loadCourse();
});

function loadCourse(){
var courses = JSON.parse(localStorage.courses);
console.log(courses);
if(courses!=null){
$("#list").html("");
for(var i=0;i<courses.length;i++){
$("#list").append(‘<li class="mui-table-view-cell">‘
+‘<span>‘+courses[i].week+‘ </span>‘
+‘<span>‘+courses[i].time+‘ </span>‘
+‘<span>‘+courses[i].classroom+‘</span>‘
+‘<i onclick="del(‘+i+‘)" class="my_beacondel mui-icon mui-icon-closeempty"></i>‘
+‘</li>‘)
}
}
}
function del(id){
var courses = JSON.parse(localStorage.courses);
//从courses的循环传来的第i个开始删一个元素
courses.splice(id,1);
var c = JSON.stringify(courses);
localStorage.courses=c;
loadCourse();
}

原文地址:https://www.cnblogs.com/lsc-boke/p/10996874.html

时间: 2024-10-09 03:16:28

跨页面,a->b,b传数组给a(前端网备份)的相关文章

一些算法案例,如一个数组里取是个随机数(前端网备份)

先来看:var arr = [1,2,3,4,5,undefined,7,8,9,10,11,12,13,14];var len = arr.length;console.log(len);console.log(arr);console.log(arr[5]);if(arr[5]){console.log(arr[5]);}else{console.log("b");}输出如下14(14) [1, 2, 3, 4, 5, undefined, 7, 8, 9, 10, 11, 12,

小程序倒计时60秒以及解决ios页面晃动问题(前端网备份)

1>小程序ios页面晃动问题,上下晃动是因为机子本身问题,左右问题可以解决.container{padding-bottom: 0;background-repeat: no-repeat;background-size: 100% auto;background-position: bottom center;}包个container2>小程序倒计时60秒 以及倒计时的时候按钮无法点击 ,60秒之后重新<form bindsubmit="formSubmit" bi

基于jQuery的ajax系列之用FormData实现页面无刷新上传

接着上一篇ajax系列之用jQuery的ajax方法向服务器发出get和post请求写,这篇主要写如何利用ajax和FormData实现页面无刷新的文件上传效果,主要用到了jQuery的ajax()方法和XMLHttpRequest Level 2的FormData接口.关于FormData,大家可以看MDN文档. 1,先看效果图 期望的功能和效果很简单:点击页面中的上传文件表单控件,选择文件后点击"ajax提交",将文件上传至服务器,上传成功后,页面给出一个简单的提示. 2,前端的代

WebForm 跨页面传值

跨页面传值 内置对象:QueryString - 地址栏数据拼接 ?key=value 优点: 简单好用,速度快,不消耗服务器内存缺点: 只能传字符串 保密性不好 长度有限 Response - 响应请求对象 Response.Redirect(path); - 重定向 Response.Write(" aaaa "); -输出内容 Server.Transfer(path); Request - 获取请求对象 Request["key"] - 默认返回的就是str

ASP.NET跨页面传值——QueryString

ASP.NET跨页面传值 跨页面传值是学习asp.net初期都会遇到的的一个问题,但总结下来,跨页面传值常用的有QueryString,Session,Cookies,Application等几种. 那么现在就简单说下第一种方法--QueryString. QueryString QueryString是一种非常简单的传值方式,他可以将传送的值显示在浏览器的地址栏中.如果是传递一个或多个安全性要求不高或是结构简单的数值时,可以使用这个方法.但是对于传递数组或对象的话,就不能用这个方法了. 这种方

2017-5-19 复合控件 ispostback 跨页面传值

(一)复合控件 1.RadioButtonList   每一行数据都是一个ListItem 属性:RepeatDirection --- 排列方式 RepeatColumns --- 每一行中需要展示的个数 RepeatLayout  --- 页面中生成什么样的代码 Enable  --- 是否启用 selected  --- 是否被选中 Text  ---  显示的内容   Value  --- 给系统看的 赋值: protected void Page_Load(object sender,

【2017-05-21】WebForm跨页面传值取值、C#服务端跳转页面、 Button的OnClientClick属性、Js中getAttribute和超链接点击弹出警示框。

一.跨页面传值和取值: 1.QueryString - url传值,地址传值 优缺点:不占用服务器内存:保密性差,传递长度有限. 通过跳转页面路径进行传值,方式: href="地址?key=value&key=value"            用&可以实现传递多个值. 通过这种方式就把要传递的值传到要跳转的页面去了. 2.跨页面取值: 在跳转到的页面的C#代码服务端进行取值 用:  string value = Request["key"]; 二.

webform的跨页面传值、客户端的页面跳转、超链接

一.跨页面传值和取值: 1.QueryString - url传值,地址传值 优缺点:不占用服务器内存:保密性差,传递长度有限. 通过跳转页面路径进行传值,方式: href="地址?key=value&key=value"            用&可以实现传递多个值. 通过这种方式就把要传递的值传到要跳转的页面去了. 2.跨页面取值: 在跳转到的页面的C#代码服务端进行取值 用: string value = Request["key"]; 二.客

文件上传的动作不能太俗,必须页面无刷新上传

人生永远没有太晚的开始 好久没有更新博客了,说实话,每天抽空打开博客园总感觉心里很空虚,不是没有在修行,而是因为最近在跟着博老前辈完成一项很重要的使命——打造属于我们自己的奇遇帝国,好了废话不多说,首先我在北京向各位带好,希望各位能在2018年达到自己预设的人生高度. 常规操作上传文件 1 <form action="xxx.action" method="post" enctype="multipart/form-data"> 2