js刷新页面后怎么能保存之前赋值的数据不丢失

在jsp页面中通过js刷新页面,在刷新之前我给input标签和A标签都赋值了
以及和一些全局变量都赋值了。
我想通过js刷新之后把刚才标签或者是变量的值都保存下来,以便接下来用。
但是,现在js刷新之后上面的那些数据都丢失了。
请问有什么办法能让刷新之后还能保存住数据不丢失。
那位大神知道。

6个回答

没操作一部就将数据存入到cookie中或者用DOM Storage(数据量大)存储,然后再window.onload中判断存储有数据就读取出来初始化,然后删除掉

刷新后,你先查一下保存的变量中的数值是否正确?
如果正确,则需要在刷新完成后执行一下赋值过程,将数值显示到网页上。

既然都已经给标签赋值了,为什么还要刷新呢?表单编辑的时候,如果退出或者刷新页面的话,数据会丢失的。所以我觉得不能实现。
可以捕获用户操作,提示离开此页还是继续操作。就像CSDN编写博客时,如果点击页面关闭按钮的话,就弹出下图:
图片说明

html5的本地存储。localStorage ;技术关闭浏览器都能存储。或者sessionStorage

写入cookie
或者你要是花哨将他们写入临时文件然后再从临时文件中读取

或者你做一个ajax,专门提供页面数据保存的功能。
当你进入页面的时候利用这个ajax读取数据
当你刷新的时候使用ajax写入数据

这个不是典型的ajax局部刷新吗,发送一个ajax请求就行了

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
如何让checkbox在刷新页面后保持之前的状态

<input type="checkbox" id="checkboxtt" value="checkbox1" onclick="startTimer(this)"/> 这个checkbox,假设选中后,刷新当前页面,让其保持选中状态,未选中,刷新后还是未选中,该怎么写,存在cookie里,然后用js控制checkbox的取值和赋值,不知道具体怎么写代码,新手,给完整代码

Vue请求接口获取到数据后,赋值给data后怎么刷新数据

``` axios.get(url).then(function (res) { if (res.status=='200'){ console.log(res.data.data.name); this.movie = res.data.data; //this.name = res.data.data.name; //this.detail = res.data.data.detail; //this.pic = res.data.data.pic; //this.actor = res.data.data.actor; //this.link = res.data.data.link; console.log(this.movie); } else { console.log('失败'); alert("获取失败!"); } ```已经对data赋值了,但是页面的数据还是没更新,还需要操作dom吗

求助:谷歌扩展 如何使插入页面的内容脚本里面数据在刷新之后不丢失

学了几天js,自己编了一个扩展,有个内容脚本,每次刷新页面的时候都会重新插入,导致一些赋值的数据丢失。请问怎么解决? ps:也不知道问的地方对不对 第一次提问好紧张啊 怎么才能装作经常发帖的样子呢

js赋值问题,在线刷新急!!

如果将clock.innerHTML=_time;移到注释 //①下面的话,那么_time将没有值,求教 <html><head> <style type="text/css"> .clock { padding :10px; color:white; text-align:center; height:12%; width:25%; margin-left:35%; margin-right:35%; border:solid 10px black; background:gray; } </style> <meta http-equiv="content-type" content="text/html; charset=GBK" /> <script type="text/javascript" > function disp() { var xmlhttp; var _time="sss"; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { _time=xmlhttp.responseText; clock.innerHTML=_time; } } xmlhttp.open("POST","MyJsp.jsp?t="+Math.random(),true); xmlhttp.send(); //① } </script> </head> <body > <div id="clock" class="clock" > </div> <script type="text/javascript"> setInterval("disp()",1000); </script> </body> </html>

ElementUI,使用table时,ajax请求赋值以后数据不显示

### 先上图 请求: ![ajax请求](https://img-ask.csdn.net/upload/202003/17/1584446570_933265.jpg) 页面: ![图片说明](https://img-ask.csdn.net/upload/202003/17/1584446594_199400.jpg) 页面: ![图片说明](https://img-ask.csdn.net/upload/202003/17/1584446602_775321.jpg) 请求到的数据: ![图片说明](https://img-ask.csdn.net/upload/202003/17/1584446677_281154.jpg) 请求10条数据以后,页面上的table显示了十行,但是不显示数据,这是为什么,我看了网上说用setTimeout控制事件队列,我试了不行,提前 ``` let that = this ``` 然后赋值也不行,有没有大神帮我看看

datagridview动态添加数据后,如何保证选中的单元格还在刷新之前的位置?

datagridview动态添加数据后,如何保证选中的单元格还在刷新之前的位置?因为添加了数据,所以刷新之前选中的单元格的index在刷新之后就改变了,每次刷新添加的数据的行数是未知的。

ajax无刷新更新datalist里面的数据功能可以实现但是就是不能在页面更新数据

前台页面: function AddWell(str, obj) { $.ajax({ type: 'POST', url: 'AddWell.aspx?PfId=' + str, success: function (data) { if (data > 0) { obj.innerHTML = (data); obj.enable = false; } else { alert(data); } } }); } <a href="javascript:void(0)" onclick="AddWell('<%#Eval("PfId")%>',this)"><b style="font-weight:normal;color:#E99136;float:left;margin:5px 60px 0 10px;"><%#Eval("PfDing")%></a> 另一个页面AddWell.aspx的后台代码: public partial class AddWell : System.Web.UI.Page { private readonly DAL.PfService _well = new DAL.PfService(); protected void Page_Load(object sender, EventArgs e) { int id = Convert.ToInt32( Request.QueryString["PfId"]); string sql = "update Pfxh set PfDing = PfDing + 1 where PfId=" + id; string Connstring = SqlHelper.GetSqlConnection(); ; SqlConnection sqlconn = new SqlConnection(Connstring); sqlconn = new SqlConnection(Connstring); sqlconn.Open(); SqlCommand sqlcom = new SqlCommand(sql, sqlconn); sqlcom.ExecuteNonQuery(); sqlconn.Close(); Response.Write("您顶了一下"); Response.End(); } }

jquery怎么实现不刷新页面就更新下拉列表?

![图片说明](https://img-ask.csdn.net/upload/201907/22/1563777265_185700.png) ![图片说明](https://img-ask.csdn.net/upload/201907/22/1563777367_428849.png) 每次添加教学区后,教室管理教学区下拉列表并未更新最新添加的教学区,需要重新刷新整个页面方能出现。 现在想添加后不刷新直接实时在下拉列表中更新 ``` //添加一个教学区 function addArea() { var areaName = $("#operator_areaName").val(); if (areaName == '') { layer.msg("教学区名称不能为空", { time : 1500, icon : 2 }); return; } else { // 发送请求 var url = "/school/schoolArea/add"; var data = { "areaName" : areaName }; $.post(url, data, function(result) { if (result.resCode == "0") { layer.alert('添加教学区成功', { icon : 1 }); $('#area-table').bootstrapTable('refreshOptions',{pageNumber:1}); $("#areaModal").modal('hide'); //清除相应缓存,保证操作后数据是最新的 operatorAreaDealCache(); } else { layer.alert('操作失败,原因:' + result.resMsg, { icon : 2 }); } // $("#search_classroom_areaSelector").load(url,data); }); $("#search_classroom_areaSelector").attr("selected","selected"); } } ``` ``` //点击教室管理tab页 function loadClassrooms() { if(selectClassroomList.length != 0) { selectClassroomList = []; $("#classroom-table").bootstrapTable('removeAll'); $("#classroom-table").bootstrapTable("refresh"); } else { getClassroomList(); } } ``` ``` //填充教学区下拉列表 function getAllAreaSelector() { if (isFristGetAllAreaSelector) { $("#operator_schoolAreaSelector").selectpicker({ noneSelectedText: '请选择',//默认显示内容 size: 5 }); //数据赋值 //var select = $("#schoolAreaSelector"); var html = ""; var url = "/school/schoolArea/list"; var data = {"rows": -1}; $.post(url, data, function (result) { if (result.resCode == "0") { var areaList = result.rows; for (var i = 0; i < areaList.length; i++) { html += "<option value='" + areaList[i].areaId + "'>" + areaList[i].areaName + "</option>"; } $("#operator_schoolAreaSelector").append(html); $('#operator_schoolAreaSelector').selectpicker('refresh'); //初始化刷新数据 isFristGetAllAreaSelector = false; } }); } } ``` ``` //添加一个教学区 function addArea() { var areaName = $("#operator_areaName").val(); if (areaName == '') { layer.msg("教学区名称不能为空", { time : 1500, icon : 2 }); return; } else { // 发送请求 var url = "/school/schoolArea/add"; var data = { "areaName" : areaName }; $.post(url, data, function(result) { if (result.resCode == "0") { layer.alert('添加教学区成功', { icon : 1 }); $('#area-table').bootstrapTable('refreshOptions',{pageNumber:1}); $("#areaModal").modal('hide'); //清除相应缓存,保证操作后数据是最新的 operatorAreaDealCache(); } else { layer.alert('操作失败,原因:' + result.resMsg, { icon : 2 }); } // $("#search_classroom_areaSelector").load(url,data); }); $("#search_classroom_areaSelector").attr("selected","selected"); } } ```

一个关于EasyUI中刷新页面的问题

![图片说明](https://img-ask.csdn.net/upload/201602/20/1455953050_901423.jpg) 如何点击左侧树,刷新右侧的区域,右侧区域内一定要显示出easy ui的表格

js中的传值问题,被引用赋值和传值赋值搞晕了

var a = {name:'1',value:'2'};我想新建一个变量b。使b等于a的值,而且进行操作,但是不能影响a所指向的地址,应该怎么做啊?

JavaScript文本框赋值问题

![图片说明](https://img-ask.csdn.net/upload/201505/08/1431055354_610227.png) 程序如图,我想在每个arr[i]后面的文本框里面赋值,也就是将5这个值输入进文本框,但是不知道哪里写的不对?总是不能实现想要的功能。

Table表单数据如何异步刷新

我有一张Table表单,表单的每一行最后一个按钮是删除按钮,单击之后,就删除这一行,请问是怎么做到的啊,再在不刷新整个界面的情况下,表单的数据是跟数据库像关联的,只刷新整个Table表单.

需要一个input,输入的内容自动存入localStorage并在刷新页面后显示出来

需要一个input输入框,输入的内容自动存入localStorage并在刷新页面后显示出来

Js给登录文本框赋值完成后,再次点击文本框消失了问题,赋值失效

求大神帮忙 这个是登录地址:https://seller.shopee.com.my/ 求js给文本框赋值? ![图片说明](https://img-ask.csdn.net/upload/202003/14/1584199145_512142.png) 我是这样赋值的,但是赋值完成后点击文本框值还是原来输入的,赋值失败了... 求怎么用js给账号文本赋值

php变量怎么赋值给js变量,php和js代码在同一个页面中

``` php变量y赋值给js变量zifuchuan,<?php ?>外加单引号、双引号和不加引号,都不是变量y的内容,感觉是js无法识别php语句 这是部分代码 <?php $y="120.5,30.2,120.2,30.4,120.5,30.5,118.9031,39.6994"; ?> <script> var zifuchuan=<?php echo $y;?>; alert(zifuchuan); </script> ```

JSP页面里如何进行动态赋值

我的URL是http://localhost/list.do?areaId=1&departmentId=4。 areaId和departmentId这两个动态值可以在JSP页面里获取到。现在我想在JSP页面里定义一个变量isEqual,根据这两个值的关系给这个变量赋值,如areaId == departmentId,isEqual = true;反之isEqual = false。 本来想用Struts2的SET标签进行赋值,但是发现受SCOPE影响,第一次赋的值就保存下来了,没有办法根据页面的areaId和departmentId的值重新计算。 不知有什么比较好的方法可以解决。 [b]问题补充:[/b] 问题描述: 我有一个URL:http://localhost/list.do?xId=1&yId=4。 我在Struts2的JSP页面中定义了一个变量isEqual。 现在想根据xId和yId去计算isEqual的值。 1、xId == yId 的话,isEqual == true 2、上记以外,isEqual == false 现在的做法是: <s:set name="isEqual" value="(#parameters.xId == #parameters.yId)?true:false" scope="request" /> 以后都用<s:property value="#request.isEqual"/>去引用。 但是发现isEqual的值一直保持为第一次计算的值,不会根据URL里xId和yId的值的变化重新计算。 请帮助解决,谢谢。

向变量赋值的 SELECT 语句不能与数据检索操作结合使用

tablename表结构: id int 标识主键 userid int orderid int ------------------ 表里的数据是这样: id userid orderid 1 1 1000 2 1 1001 3 1 1003 4 2 1004 ----------------------------------------- 如何查出这样结果: userid orderids 1 1000,1001,1003 2 1004 我使用SQL变量 : Declare @tmp varchar(200) set @tmp='' select userid, @tmp=@tmp+','+ convert(varchar,orderid) as orderids from tablename group by userid select @tmp 但提示 : 向变量赋值的 SELECT 语句不能与数据检索操作结合使用 急………………

为绑定数据后的combox赋值

我想写一个可以像百度那样模糊查询,还想在后边加两个下拉列表作为筛选条件,我写的sql语句是拼接语句, 我的查询方法是getdate(a,a,a,a,a) 前三个a是文本框的条件作为模糊查询,后连个a,是下拉列表选中的值,作为and 查询条件, 因为是带and的条件,客户用的时候有可能不想筛选,下拉列表就不选值,所以我把下拉列表的默认选项设置为空,可是如果下拉列表为空就报没有实例化的错,所以我得判断一下如果下拉列表的值为空,我就为他赋值,可是绑定数据以后就付不了值了,怎么办,而其有一个下拉列表我想给它赋值为0,该怎么解决,有哪位大神,能帮我解决一下,谢了

从数据库里查询得到的数据在jsp页面上赋值

这是一个jsp页面,从后台接收到数据 ``` <table align="center" width="540" border="1"> <tr> <td align="center" colspan="6"> <h2>检测船只信息</h2> </td> </tr> <tr align="center"> <td><b>ID</b></td> <td><b>船只名称</b></td> <td><b>检测设备</b></td> <td><b>通过情况</b></td> <td><b>检测员</b></td> <td><b>检测时间</b></td> </tr> <% List<DetectResult> list = (List<DetectResult>)request.getAttribute("list"); if(list == null || list.size() < 1){ out.print("没有数据!"); }else{ for(DetectResult dr : list){ if(dr.getVal_Detect() == 1){ ??????????????????? } %> <tr align="center"> <td><%=dr.getId()%></td> <td><%=dr.getShipName()%></td> <td><%=dr.getDetectItem()%></td> <td><%=dr.getVal_Detect()%></td> <td><%=dr.getDetector()%></td> <td><%=dr.getTime()%></td> </tr> <% } } %> </table> ``` 我的目的是当dr.getVal_Detect()取出来的数据为“1”时,将值替换成“合格”显示在对应的位置。问号那一句就代表怎么替换。dr.getVal_Detect()这个是int()数据类型。

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

我说我不会算法,阿里把我挂了。

不说了,字节跳动也反手把我挂了。

立方体线框模型透视投影 (计算机图形学实验)

计算机图形学实验 立方体线框模型透视投影 的可执行文件,亲测可运行,若需报告可以联系我,期待和各位交流

2019 AI开发者大会

2019 AI开发者大会

组成原理课程设计(实现机器数的真值还原等功能)

实现机器数的真值还原(定点小数)、定点小数的单符号位补码加减运算、定点小数的补码乘法运算和浮点数的加减运算。

C/C++跨平台研发从基础到高阶实战系列套餐

一 专题从基础的C语言核心到c++ 和stl完成基础强化; 二 再到数据结构,设计模式完成专业计算机技能强化; 三 通过跨平台网络编程,linux编程,qt界面编程,mfc编程,windows编程,c++与lua联合编程来完成应用强化 四 最后通过基于ffmpeg的音视频播放器,直播推流,屏幕录像,

MFC一站式终极全套课程包

该套餐共包含从C小白到C++到MFC的全部课程,整套学下来绝对成为一名C++大牛!!!

软件测试2小时入门

软件测试2小时入门

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

计算机图形学-球的光照模型课程设计

计算机图形学-球的光照模型,有代码完美运行,有课程设计书

Linux常用命令大全(非常全!!!)

Linux常用命令大全(非常全!!!) 最近都在和Linux打交道,感觉还不错。我觉得Linux相比windows比较麻烦的就是很多东西都要用命令来控制,当然,这也是很多人喜欢linux的原因,比较短小但却功能强大。我将我了解到的命令列举一下,仅供大家参考: 系统信息 arch 显示机器的处理器架构 uname -m 显示机器的处理器架构 uname -r 显示正在使用的内核版本 d...

因为看了这些书,我大二就拿了华为Offer

四年了,四年,你知道大学这四年我怎么过的么?

深度学习原理+项目实战+算法详解+主流框架(套餐)

深度学习系列课程从深度学习基础知识点开始讲解一步步进入神经网络的世界再到卷积和递归神经网络,详解各大经典网络架构。实战部分选择当下最火爆深度学习框架PyTorch与Tensorflow/Keras,全程实战演示框架核心使用与建模方法。项目实战部分选择计算机视觉与自然语言处理领域经典项目,从零开始详解算法原理,debug模式逐行代码解读。适合准备就业和转行的同学们加入学习! 建议按照下列课程顺序来进行学习 (1)掌握深度学习必备经典网络架构 (2)深度框架实战方法 (3)计算机视觉与自然语言处理项目实战。(按照课程排列顺序即可)

fakeLocation13.5.1.zip

fakeLocation13.5.1 虚拟定位 ios13.5.1的最新驱动下载,iPhone/iPad免越狱虚拟定位工具Location-cleaned驱动已更新

UnityLicence

UnityLicence

Python可以这样学(第一季:Python内功修炼)

Python可以这样学(第一季:Python内功修炼)

Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

土豆浏览器

土豆浏览器可以用来看各种搞笑、电影、电视剧视频

【数据结构与算法综合实验】欢乐连连看(C++ & MFC)案例

这是武汉理工大学计算机学院数据结构与算法综合实验课程的第三次项目:欢乐连连看(C++ & MFC)迭代开发代码。运行环境:VS2017。已经实现功能:开始游戏、消子、判断胜负、提示、重排、计时、帮助。

php+mysql学生成绩管理系统

学生成绩管理系统,分三个模块:学生,教师和管理员。 管理员模块:负责学生、老师信息的增删改;发布课程信息的增删改,以便让学生选课;审核老师提交的学生成绩并且打印成绩存档;按照课号查询每个课号的学生成绩

多功能数字钟.zip

利用数字电子计数知识设计并制作的数字电子钟(含multisim仿真),该数字钟具有显示星期、24小时制时间、闹铃、整点报时、时间校准功能

推荐24个国外黄色网站欣赏

在中国清朝,明黄色的衣服只有皇子才有资格穿,慢慢的黄色在中国就成了高贵的颜色。在人们的色彩印象中,黄色也表现为暂停。所以当你的网页设计采用黄色的时候,会让人们在你的网页前停留。 黄色,就像橙色和红色,黄色也是一个暖色。它有大自然、阳光、春天的涵义,而且通常被认为是一个快乐和有希望的色彩。黄色是所有色相中最能发光的颜色,给人轻快,透明,辉煌,充满希望的色彩印象。 黄色是一个高可见的色...

u-boot-2015.07.tar.bz2

uboot-2015-07最新代码,喜欢的朋友请拿去

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

学生成绩管理系统(PHP + MYSQL)

做的是数据库课程设计,使用的php + MySQL,本来是黄金搭配也就没啥说的,推荐使用wamp服务器,里面有详细的使用说明,带有界面的啊!呵呵 不行的话,可以给我留言!

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

C++语言基础视频教程

C++语言基础视频教程

玩转Python-Python3基础入门

玩转Python-Python3基础入门

相关热词 c# 按行txt c#怎么扫条形码 c#打包html c# 实现刷新数据 c# 两个自定义控件重叠 c#浮点类型计算 c#.net 中文乱码 c# 时间排序 c# 必备书籍 c#异步网络通信
立即提问