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

最新推荐文章于 2022-07-16 15:59:06 发布

原创最新推荐文章于 2022-07-16 15:59:06 发布 · 635 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #不进入 #回调

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>