themleaf中使用ajax的问题

随便写写吧,最近写后端和前端的代码,想要实现一个管理页面。

1. 先说一下使用themleaf的好处,项目启动之后,修改前端代码,前端页面直接会显示修改之后的效果,不需要再次启动项目,注意两个事项,第一就是在themleaf的配置中将cache赋值为false,还有在edit configuration选择一下两个选项:alt

然后后端直接把数据放进model或者modelandview中,类似下图这样:

alt

然后在前端这样取值:

alt

这可不要太舒服了!

2.但是如果我想在页面实现局部刷新怎么办? 在我经历了动手实践,网上查找,知识点复习等,发现可以只用ajax和vue,初步了解vue感觉功能很强大,但是现学来不及了,所以准备使用ajax来实现。

首先导入就有很大问题,正确格式如下(我选择的是在线,当然你可以选择下载再导入):

alt

在这里说一下,有三种导入方式:

1.使用依赖

alt 在html页面你要写引入的方式,具体可以上网上找一找,应该时打开maven的仓库,逐级选择目录找到webjars下的jquery文件,没猜错是

反正刚开始没头绪,就把这个给注了,觉得没用,也有可能是我没用。

2.使用在线就是我上面引用的那个
3.下载juery,放在静态文件夹下js中,然后再使用script引入。
在引入的过程中可能会出现找不到$,这个问题就是你没引对,还有就是找不到ajax,这是因为你引入的jquery文件版本太高了,已经不支持ajax了。

解决完以上的问题,下面来说说我想要使用ajax实现的功能。

3. 当我在前端页面点击选项的时候,表格会发生变化,然后我的思路是,既然ajax可以实现异步刷新,那当用户点击选项的时候,我赋给选项一个对应的id值,然后使用ajax把id值传递给后端,然后后端根据值要做相应的操作,并把结果存到model返回给前端页面,前端页面可以直接取到id,并判断它是什么数字,然后局部显示内容。想法非常好,但是实现过程中,发现根本不可能啊。

alt 后端代码: alt 使用ajax之后,返回的data直接是一个页面的html代码,我为我的想法感到流泪。。。 修改之后应该是向下面这样: alt 然后再ajax的回调函数中添加对应显示的html代码。

全部评论

相关推荐

01-14 15:08
东南大学 Java
点赞 评论 收藏
分享
评论
点赞
1
分享

创作者周榜

更多
牛客网
牛客企业服务