jsp 通过调用后台controller 保存数据 而不需要跳转页面的操作方法

本文介绍了如何在JSP中利用Ajax技术,实现用户在输入污染物名称等参数后,调用后台Controller的save方法保存数据到数据库,而页面保持不跳转。通过这种方式,可以提供更流畅的用户体验。
摘要由CSDN通过智能技术生成

为实现一小需求,需要在保存一些数据,但是还不要跳转页面。

案例:前端 输入污染物名称 各类参数,用户点击保存 则程序调用后台controller save方法  将数据保存至 数据库,并且点击保存后,页面不需要跳转。

思想:ajax

部分代码展示:

前端:输入参数代码:

<%--参数输入--%>
<div class="mws-panel grid_5">
    <div class="mws-panel-header">
        <span class="mws-i-24 i-table-1">参数输入</span>
    </div>
    <div class="mws-panel-body">
        <form action="" id="polluteForm">
            <div class="mws-panel-toolbar top clearfix">
                <ul>
                    <li><a class="mws-ic-16 ic-add" href="#" onclick="addPollute()">添加</a></li>
                    <li><a class="mws-ic
  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
问题描述: 在使用Spring Boot开发Web应用时,使用ModelAndView向前端返回数据,但是在IDEA中点击跳转页面时,调用方法报404错误。 问题分析: 一般情况下,Spring Boot中的Controller类中的方法使用ModelAndView返回视图和数据需要注意的是,返回的视图名称和视图文件的位置需要正确。如果视图文件的位置不正确,就会出现404错误。 解决方案: 1. 确认视图文件的位置是否正确。 首先,需要确认视图文件的位置是否正确。可以在application.properties文件中配置视图文件的位置,例如: ``` spring.mvc.view.prefix=/WEB-INF/jsp/ spring.mvc.view.suffix=.jsp ``` 这里的视图文件位置是在“/WEB-INF/jsp/”目录下的,后缀是“.jsp”。如果在Controller类的方法中返回的视图名称是“index”,那么实际上返回的视图文件是“/WEB-INF/jsp/index.jsp”。 2. 确认Controller类的@RequestMapping注解是否正确。 在Controller类中的方法上使用@RequestMapping注解来映射请求的URL,例如: ``` @Controller public class HomeController { @RequestMapping(value = "/", method = RequestMethod.GET) public ModelAndView index() { ModelAndView modelAndView = new ModelAndView(); modelAndView.setViewName("index"); modelAndView.addObject("message", "Hello, world!"); return modelAndView; } } ``` 这里的@RequestMapping注解中的value属性指定了映射的URL为“/”,method属性指定了请求的方法为GET。如果在IDEA中点击跳转页面时出现404错误,需要确认这里的RequestMapping注解是否正确。 3. 确认IDEA中的配置是否正确。 在IDEA中可以配置Tomcat服务器来运行Spring Boot应用,需要确认配置是否正确。可以在Run Configuration中配置Tomcat服务器,在Deployment选项卡中添加应用程序的WAR包或目录,然后启动Tomcat服务器。 总之,要解决这个问题,需要确认视图文件的位置是否正确,Controller类的@RequestMapping注解是否正确,以及IDEA中的配置是否正确。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值