AJAX servlet/JSP 通过jquery,json实现的简单示例

Asynchronous JavaScript and XML

附使用IDEA+Maven写的运用AJAX实现的含简易的登录，注册，退出的功能的纯WEB系统的

源码地址（含sql）：https://github.com/mumumuyu/MyWeb 

AJAX就是个WEB应用的技术，但是可以让网页更快，更流畅，体验更好

以下参考示例使用jquery

记得导入jquery及layui

jsp,关键部分

$.post({
                url:"${pageContext.request.contextPath}/login.do",
                data:{"pwd":$("#pwd").val(),"id":$("#id").val()},
                success:function(data) {
                    var msg = JSON.parse(data).msg;
                    if (msg === 'ok') {//信息核对成功
                        layer.alert('登陆成功~!', {
                            skin: 'layui-layer-molv' //样式类名
                            ,closeBtn: 0
                        }, function(){
                            var index = layer.load(0, {shade: false}); //0代表加载的风格，支持0-2
                            window.location.href="${pageContext.request.contextPath}/jsp/theme.jsp";
                        });
                    } else {
                        layer.alert('用户名或密码错误！', {
                            icon: 5,
                            title: "提示"
                        });
                        $(".acc2").val('');
                        draw(show_num);
                        return;
                    }
                }
            })

servlet

String msg = null;
//获取用户名和密码
String id = req.getParameter("id");
String pwd = req.getParameter("pwd");
//调用service方法，进行用户匹配
UserService userService = new UserServiceImpl();
User user = userService.login(id,pwd);
PrintWriter out = resp.getWriter();
if(null != user){
   //登录成功
   System.out.println("succeed ============ " );
   req.getSession().setAttribute(Constants.USER_SESSION,user);
   msg="ok";
}else {
   System.out.println("登录失败 ============ ");
   msg="no";
}
JSONObject jsonObject = new JSONObject();
jsonObject.put("msg", msg);
resp.setCharacterEncoding("utf-8");
resp.getWriter().write(jsonObject.toString());