问题：登录功能，后台可以接收到前台的值，但是前台接收不到后台的处理数据，显示为null。

最新推荐文章于 2023-04-14 15:21:10 发布

原创最新推荐文章于 2023-04-14 15:21:10 发布 · 4.2k 阅读

1 ·

CC 4.0 BY-SA版权

问题专栏收录该内容

3 篇文章

订阅专栏

在实现登录功能时遇到一个问题，后台能够正确接收并处理前端发送的登录信息，但前端在接收到后台返回的数据时显示为null。这可能是由于HTTP响应格式错误、API接口调用错误或者是前端解析响应数据的逻辑有误导致的。针对这个问题，需要检查前后端的交互协议，确保数据传输的完整性和格式一致性。

问题：登录功能，后台可以接收到前台的值，但是前台接收不到后台的处理数据，显示为null。
一、前端代码
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录</title>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script>
        /*
        通过js ajax提交表单至后台。
         */
            function sendInfo() {
                var username = $("#username").val();
                var password = $("#password").val();
                var params = "username="+username+"&password="+password;
                $.ajax({
                    type: "GET",
                    data:params,
                    url: "/o2o/lims/login",
                    success:function (msg) {
                        alert("服务器成功接收数据");
                    }
                });
                //获取后台数据
                $.getJSON("/o2o/lims/login", function(data) {
                    console.log(data);
                    console.log(data.success);//登录成功
                    if (data.success) {
                        console.log("成功接收服务器数据");//成功接收服务器数据
                    }
                });
            }
    </script>
</head>
<body>
<p><label>*</label>登录账户：</p>
<input type="text" name="username" placeholder="请输入登录账号" id="username"/>
<p><label>*</label>登录密码：</p>
<input type="text" name="password" placeholder="请输入登录密码" id="password"/>
<div>
    <p>
        <input type="button" value="登录" onclick="sendInfo()"/>
    </p>
</div>
</body>
</html>

二、后台代码
@Controller
@RequestMapping(value = "/lims")
public class LimsController {
    @RequestMapping(value = "/login")
    @ResponseBody
    public Map<String ,Object> login(HttpServletRequest request){
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        Map<String,Object> modelMap = new HashMap<String,Object>();
        modelMap.put("username",username);
        modelMap.put("password",password);
        modelMap.put("success","登陆成功！");
        System.out.println(modelMap);
        return modelMap;
    }
}