博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
spring boot 之如何在两个页面之间传递值(转)
阅读量:6089 次
发布时间:2019-06-20

本文共 1667 字,大约阅读时间需要 5 分钟。

原文地址:

问题:页面之间的跳转,通常带有值的传输,但是,在现在比较流行的SPRING MVC WEB 

开发模型中,设计机制导致页面之间的直接接跳转和传值不被支持(网上看到的,没有深究), 
但是如果我么要实现两个页面之间传值怎么实现呢?

值的传递: 

流程 
将值name从A.html传给controller,让后读取这个值,增加到model里,然后,B.html从model中读取处理

A. html 如何将name值传过去 

方法一:使用传统的方法,如下,

数据不重要并且数据不多时候,可以用,代码如下:

' ' + typeStyle(examine) + "  "

上面的格式不需要看,只是这是我的代码,这是一个例子,在这里使用javascript来构建table,如果需要看,则结合上下文来看,详细请看我的博文:JAVASCRIPT构建TABLE。

方法二:使用ajax,使用点击动作,点击后,调用ajax 函数,将函数传给controller,ajax使用普通的发送和接收数据格式:代码如下

var staff_name2=$("#staff_name2").val();      alert(staff_name2);      $.ajax({            type : 'get',            url : "./getdatasrcInser",            async : true, dataType : 'json', error: "重新请求", data:{ 'staff_name_new':staff_name2 }, Success:function(){}, Error:function(){} });

url 是controller 中的一个Requestmapping链接。 

下面是controller中代码,将获得到的参数,添加到controller要转到的B.html。

@RequestMapping("/calendar")public String Calendar( Model model,@RequestParam(value = "staff_name", required = false, defaultValue = "") String staff_name) { /*List
lists=calendarTaRepository.findAllByName("aa"); model.addAttribute("lists", lists);*/ model.addAttribute("staff_name", staff_name); return "B.html" }

@直到staff_name代码部分表示获取传来的参数的部分,value表示传来的id,其他的一样就行(什么意思,现在也不知道),String staff_name 表示在这里被定义出来的形参。值和staff_name的值一样。

那么我们如何在B.html中获取staff_name属性的值呢? 

两个方法: 
方法一(最通用的方法) 
思路:在HTML body中定义一个属性,或者标签什么都可以,给定id,或者属性什么都可以,按时要JAVASCRIPT 可以找的到。代码如下:

${staff_name} javascript,读取staff_name的值,然后在javascript中读取出id为staff_name2的值,其代码如下:

var staff_name2=$("#staff_name2").val();

剩下就可以使用staff_name了。 

方法二:涉及到Thymeleaf 的使用,上面的th:value 也使用到了thymeleaf,普通的只要value就可以了。 
代码如下,不要设计属性,可以直接引用下面的代码就可以了

只需改变staff_name到你定义的属性名称就可以,当然前提是得知道如何使用thymele

你可能感兴趣的文章
while((ch = getchar()) != '\n')
查看>>
好程序员web前端分享JS检查浏览器类型和版本
查看>>
Oracle DG 逻辑Standby数据同步性能优化
查看>>
exchange 2010 队列删除
查看>>
「翻译」逐步替换Sass
查看>>
H5实现全屏与F11全屏
查看>>
处理excel表的列
查看>>
C#数据采集类
查看>>
quicksort
查看>>
【BZOJ2019】nim
查看>>
LINUX内核调试过程
查看>>
【HDOJ】3553 Just a String
查看>>
Java 集合深入理解(7):ArrayList
查看>>
2019年春季学期第四周作业
查看>>
linux环境配置
查看>>
tomcat指定配置文件路径方法
查看>>
linux下查看各硬件型号
查看>>
epoll的lt和et模式的实验
查看>>
Flux OOM实例
查看>>
07-k8s-dns
查看>>