关于SpringBoot在有Ajax时候不跳转的问题解决

目录
  • 问题描述
  • 解决方法
  • 原因梳理
  • 总结

问题描述

最近在尝试使用SpringBoot做一个后台管理系统，由于目前还没有学会VUE，所以前端页面采用的 thymeleaf+ajax的模式。前两天在开发登录页的时候遇到了一个问题，登录之后按照正常流程应该是要在控制器里跳转到首页的，但是我的登录页死活不跳转。 控制器的逻辑也是没有问题的

@Controller
class LoginController {
    @Resource
    lateinit var adminService: AdminService
    @RequestMapping("/login",method = [RequestMethod.POST])
    fun login(@RequestParam name:String,@RequestParam password:String):String?{
        val admin=adminService.login(name,password)
        return if (admin==null){
            ""
        }else{
        //一般情况下是可以直接渲染到main.html的，但是添加了Ajax之后跳转就会失效
            "main"
        }
    }
}

Ajax里边的逻辑

$.ajax({
    method: 'POST',
    url: 'http://localhost:8080/login',
    data: {
        name: $('[name="username"]').val(),
        password: $('[name="password"]').val()
    },
    success:function (r) {
        console.log(r)
    },
    error:function (result) {
        alert(result)
    }
})

控制台返回的信息

解决方法

这里先给出解决方法，至于原因会在最后说明。解决方法就是在控制器中新增一个mainPage方法，对应到main.html。

@RequestMapping("/main")
fun mainPage():String{
    return "main"
}

然后再在Ajax的success回调中调用这个控制器，完成跳转。

success:function (r) {
    window.location.href="http://localhost:8080/main" rel="external nofollow"
},

原因梳理

一开始以为是控制器写的有问题，然后就各种修改控制器的配置，最后发现无论怎么修改都没有效果，并且发现如果在浏览器中直接调用main.html的控制器路径也是没有问题的，这种情况就想到了会不会是Ajax那的问题。为了验证是不是Ajax的问题，在Ajax回调成功的代码那里打了个断点，想看一下后台返回来的数据到底是个啥

看到没，控制器把整个main.html的页面都返回到Ajax里了，也就是说，在使用Ajax的时候，SpringBoot的控制器并没有进行页面渲染，而是把目标页面结构返回了，能跳转才怪了。

总结

到此这篇关于SpringBoot在有Ajax时候不跳转问题解决的文章就介绍到这了,更多相关SpringBoot有Ajax不跳转内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • springboot无法跳转页面的问题解决方案

    springboot无法跳转页面的问题解决方案

    首先我登录页面直接通过浏览器请求直接访问的,项目结构如图所示 登录页面 <form action="index" id="frm"> <input type="text" name="dname"> <input type="text" name="loc"> <input type="button" value="

  • springboot用controller跳转html页面的实现

    在学习SpringBoot的过程中遇到一个问题,因为SpringBoot是集成了tomcat的,所以项目是打成jar包,通过SpringMVC注解的方式去运行的,所以静态页面就放在maven工程的resources目录下的templates目录下所以怎么去跳转是个问题,现在就是解决这个问题 首先看项目结构 pom.xml文件依赖 <!-- 1.创建一个Maven工程,选择jar类型项目2.引入SpringBootMaven依赖. --> <!-- Maven parent 目的,聚合工程

  • 详解如何配置springboot跳转html页面

    本文主要介绍了如何配置springboot跳转html页面,分享给大家,具体如下: 1.首先在pom文件中引入模板引擎jar包,即: <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> 2.在application.properties中

  • SpringBoot结合Ajax实现登录页面实例

    SpringBoot结合Ajax实现登录页面实例

    目录 一. Ajax 1.1 Ajax介绍 1.2 异步的作用 二.SpringBoot应用Ajax 2.1 开发配置 2.2 创建user表 2.3 MVC三层架构 2.4 前端测试页面 2.5 测试结果 总结 一. Ajax 1.1 Ajax介绍 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. AJAX = 异步 JavaScript 和 XML AJAX 是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数据交换,可以使网页实现异步更新.这意味着可以在不

  • 关于SpringBoot在有Ajax时候不跳转的问题解决

    关于SpringBoot在有Ajax时候不跳转的问题解决

    目录 问题描述 解决方法 原因梳理 总结 问题描述 最近在尝试使用SpringBoot做一个后台管理系统,由于目前还没有学会VUE,所以前端页面采用的 thymeleaf+ajax的模式.前两天在开发登录页的时候遇到了一个问题,登录之后按照正常流程应该是要在控制器里跳转到首页的,但是我的登录页死活不跳转. 控制器的逻辑也是没有问题的 @Controller class LoginController { @Resource lateinit var adminService: AdminServ

  • Ajax post请求跳转页面

    最近因为公司需求,需要ajax post请求并跳转界面,网上搜了一下资料,差不多都是用window.location.href来处理,但是在请求页面的地址栏中会暴露请求的参数,这是不安全的. $.post( url, {method:"regist",userName:$nameEle.val(),email:$emailEle.val(),password:$passwordEle.val()}, function(data) { //注册成功页面跳转, window.locatio

  • vue+springboot前后端分离实现单点登录跨域问题解决方法

    最近在做一个后台管理系统,前端是用时下火热的vue.js,后台是基于springboot的.因为后台系统没有登录功能,但是公司要求统一登录,登录认证统一使用.net项目组的认证系统.那就意味着做单点登录咯,至于不知道什么是单点登录的同学,建议去找一下万能的度娘. 刚接到这个需求的时候,老夫心里便不屑的认为:区区登录何足挂齿,但是,开发的过程狠狠的打了我一巴掌(火辣辣的一巴掌)...,所以这次必须得好好记录一下这次教训,以免以后再踩这样的坑. 我面临的第一个问题是跨域,浏览器控制台直接报CORS,

  • javascript 中设置window.location.href跳转无效问题解决办法

    javascript 中设置window.location.href跳转无效问题解决办法 问题情况 JS中设置window.location.href跳转无效 代码如下: <script type="text/javascript"> function checkUser() { if(2!=1){ window.location.href="login.jsp" rel="external nofollow" rel="e

  • SpringBoot全局配置long转String丢失精度的问题解决

    目录 第一种方式 第二种方式 第三种方式 第四种方式(缺点:将所有的数字类型都会转为字符串) web项目中,Java后端传过来的Long/long类型,前端JS接收会丢失精度. 本文推荐第三.第四种方式 第一种方式 简单粗暴,将所有的Lang类型,改为String,数据库改成varchar类型: 第二种方式 自己建个配置类 extends WebMvcConfigurerAdapter 已经被弃用,直接实现WebMvcConfigurer该接口就行了 @EnableWebMvc @Configu

  • SpringBoot项目多数据源及mybatis 驼峰失效的问题解决方法

    目录 1 配置多数据源时,application.yml 的有关mybatis的配置是失效的,因为他不知道配置哪一个数据源 2 application.yml 配置文件 3 解决方法一 4 完整代码 4解决方法二 1 配置多数据源时,application.yml 的有关mybatis的配置是失效的,因为他不知道配置哪一个数据源 2 application.yml 配置文件 server: # 服务器的HTTP端口 port: 8097 spring: # 配置数据源 datasource: m

  • Spring/SpringBoot @RequestParam注解无法读取application/json格式数据问题解决

    Spring/SpringBoot @RequestParam注解无法读取application/json格式数据问题解决

    目录 前言 一.RequestMappingHandlerAdapter 二.HandlerMethodArgumentResolver 三.RequestParamMethodArgumentResolver 四.MyHandlerMethodArgumentResolver 四.ConfigArgumentResolvers 五.MyHttpServletRequestWrapper 六.HttpServletRequestReplacedFilter 七.总结 总结 前言 Emmmm…最近

  • Ajax Session失效跳转登录页面的方法

    在Struts应用中,我们发出的请求都会经过 相应的拦截器进行相关处理,一般都会有一个用户登录拦截(Session失效拦截):一般请求的话,如果Session失效时,我们会跳到登录页面,可是如果我们采用AJAX请求时,将会返回登录页面的HTML代码,这肯定不是我们想要的,那么我们如何解决呢?请看以下步骤: 一.建立拦截器 package com.xxx.planeap.interceptor; import javax.servlet.http.HttpServletRequest; impor

  • SpringBoot+SpringSecurity处理Ajax登录请求问题(推荐)

    SpringBoot+SpringSecurity处理Ajax登录请求问题(推荐)

    最近在项目中遇到了这样一个问题:前后端分离,前端用Vue来做,所有的数据请求都使用vue-resource,没有使用表单,因此数据交互都是使用JSON,后台使用Spring Boot,权限验证使用了Spring Security,因为之前用Spring Security都是处理页面的,这次单纯处理Ajax请求,因此记录下遇到的一些问题.这里的解决方案不仅适用于Ajax请求,也可以解决移动端请求验证. 创建工程 首先我们需要创建一个Spring Boot工程,创建时需要引入Web.Spring S

  • Ajax请求时无法重定向的问题解决代码详解

    前言 今天发现,当使用Ajax请求时,如果后台进行重定向到其他页面时是无法成功的,只能在浏览器地址栏输入才能够实现重定向. Ajax默认就是不支持重定向的,它是局部刷新,不重新加载页面. 需要实现的功能是,后台网关拦截请求,看请求中是否存在token.如果不存在就跳转到登录页面.因为大多数请求都是使用Ajax.一开始发现无法进行重定向,每次都是返回到Ajax的结果处理函数.最终的解决办法如下,需要后台和前端进行处理. 后台: /** *功能描述 * @author lgj * @Descript

随机推荐