AJax请求后台，后台有记录，前端success回掉不进入解决方案

最新推荐文章于 2021-12-29 13:58:34 发布

梦想不断超越

最新推荐文章于 2021-12-29 13:58:34 发布

阅读量636

点赞数

CC 4.0 BY-SA版权

分类专栏： Java 文章标签： ajax 不进入回调

本文链接：https://blog.youkuaiyun.com/lujiachun1/article/details/86690092

Java 专栏收录该内容

39 篇文章

订阅专栏

本文介绍了一个常见的AJax请求与后端交互的问题，即前端success回调不执行的情况，并提供了解决方案。通过在Controller方法上添加@ResponseBody注解，可以确保前端正确接收后端数据，实现前后端数据交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

AJax请求后台，后台有记录，前端success回掉不进入解决方案

在Controller方法上添加ResponseBody标签即可

	@RequestMapping("listClient")
    @ResponseBody
    public ModelAndView listClient() {
        ModelAndView mav = new ModelAndView();
        List<Client> clientList = clientService.list();
        mav.addObject("clientList", clientList);
        mav.setViewName("beian");

        return mav;
    }

ajax部分

	<script type="text/javascript">
        function login() {
            $.ajax({
                type: "POST",                       // 方法类型
                url: "getUser",                     // url
                cache: false,
                async : false,                      // 同步：意思是当有返回值以后才会进行后面的js程序
                data: $('#loginForm').serialize(),  // 请求参数
                dataType: "json",
                success: function (result) {
                    console.log(result.username);   // 调试用
                    if (result != undefined) {
                        alert("登录成功!");
                        window.location.href = 'wastesPlatform.html';
                        console.log("页面跳转");
                    } else {
                        alert("账号或密码错误，请重试!");
                    }
                },
                error:function (result) {
                    alert("账号或密码错误，请重试!");
                }
            });
        }
    </script>