用jquery实现前后端分离的登录，解决无法展示问题

<form>
    <span id="spa1"></span>
    用户名：<input type="text" name="username" id="username"> <br><br>
    密码：<input type="text" name="password" id="password"> <br><br>
    <input type="button" value="登录" id="btn1">
</form>

  //    解决乱码问题
        req.setCharacterEncoding("UTF-8");
//        resp.setContentType("text/html:charset=UTF-8");
        resp.setContentType("application/json;charset=UTF-8");
//    接收请求的参数
        String UserNane=req.getParameter("username");
        String PassWord=req.getParameter("password");
        System.out.println("Login----------"+PassWord+"Login----------"+UserNane);
//