springMVC处理Ajax请求


springMVC处理Ajax请求

  最近在做毕设,剩一些小功能没做,比如点赞、个人中心页面、一些修改功能、登录成功或失败的弹窗、注册成功后的提示信息;这么一说还挺多没做完的。不过还是点赞功能比较重要,毕竟后续有一个文章热榜功能需要根据近期的点赞数对文章进行排序。没有客户端的点赞功能,总不能自己去数据库了偷偷+1吧。

  在我的系统里用了SSM,前端用的Thymeleaf不是jsp。在传参的过程中经常就不知道语法要怎么写。

  说到点赞功能最先想到的就是用js实现,为啥呢,因为大一的时候学习html、css时看的视频里是有这个点赞功能的,记得视频里提过一嘴是用js实现的。巧就巧在,当时学html、css是为了完成课程作业,js我偏偏就没学。后来学微信小程序开发的时候吧,用到了js,也没多深入,现在过了两年全忘了。不行咱就现学呗:

  1.尝试JavaScript

  首先是在MDN学习一下,js语法和click事件

  实际结果:

   运行结果:

  在我的button元素里没有定义textContent,确实没有啊。看看我的button

  在Thymeleaf里,要展示的值不是写在标签中间的如而是  这里就是我最头疼的问题,怎么让js获取到我的参数,如果能拿到问题马上能解决。

  解决鸟。就是传参的问题。怎么在js中声明一个我已经有的变量?

  1.在controller中用@Controller声明一个类为controller类

  2.@RequestMapping注解接收请求

  3.与数据库交互得到结果后,用Model将数据封装

  4.在html页面中用${变量名}获取数据

  5.在js中获取变量的声明格式为 var 变量名 = [[${变量名}]]

  6.后续就是Ajax的问题了

  附图说明:

声明controller

声明处理方法(@RequestBody是我尝试用别的方法实现点赞功能呢留下来的)

在页面初始化的时候我就封装了数据

  中间有些console是我还没解决传参问题时打的断点。

  这个b功能终于实现了!!!

  在编程的过程中经常遇到了要实现一个功能不知道怎么做的问题。或者像这样子,知道要往什么方向走,但是却因为对语法不熟悉做不出来。打好基础很重要啊。