Ajax与Java交互简单用例

---

Ajax与Java交互简单用例

---

第一次写博客呀，好激动，现在是凌晨一点五十。开始正题最近在写一个小的项目，需要使用Ajax来将数据从前台页面传送到后台，于是学习了一些Ajax便开始写了，下面是一些总结：**Ajax带着数据请求到服务器后，又会带着数据回到当前页面，所以不能使用servlet进行请求的转发****AJAX 是与服务器交换数据并更新部分网页的艺术，在**不重新加载整个页面**的情况下，通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。和服务器进行**异步通信**

传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。**
## 1.页面js代码 ##

function onSubmit(){                    var form_data=$('#form表单id').serialize();//获得表单中所有数据                    var option={                            url:'/questionnaire/UserController',                            type:'POST',                            dataType:'json',                            data:form_data,                            success:function(result){                                if(result){                                    window.location.href="页面url";                                }else{                                    alert("登陆失败，重新输入");                                }                            }                    };                    $.ajax(option);                    }    form id="account_info_mobile" action="" method="post" style="display: block;">                            <input type="hidden" name="mathed" value="userLogin">                        <ul>                            <li style="margin-top: 30px;">                                <input type="text" id="mobile" name="mobile" class="requested" placeholder="手机号/邮箱" onblur="onBlur(id)"/>                            </li>                            <div class="font" style="margin-top:0px;margin-bottom: 7px;">                            <span id="userText" class="font1"></span>                            </div>                            <li>                                <input type="password" id="psw" name="password" class="requested" placeholder="密码" onblur="onBlur(id)"/>                            </li>                            <div class="fontt" style="margin-top:3px;">                            <span id="psdText" class="font2"></span>                            </div>                        </ul>                        </form>                </div>                <a href="findPsw.jsp" style="float: right;">忘记密码</a>                <button onclick="onSubmit()" type="button" id="submit" class="btn btn-info" style="margin-left: 50px;width: 140px;height: 50px;text-align: center;font-size: 20px;margin-top: 10px;letter-spacing: 5px;" disabled="disabled">登录</button>

点击按钮触发事件，想url所指向后台地址发起post请求,
2. java后台代码，使用阿里fastjson处理json数据，需要先导入.alibaba.fastjson架包
获得页面数据 request.getParameter("name属性值");

response.setContentType("application/json;charset=utf-8");        boolean b=false;        String res=JSON.toJSONString(b);        if(pwd!=null&&repwd!=null&&pwd.equals(repwd)){            User u=new User();            u.setUserPwd(pwd);            System.out.println("session中userId:"+request.getSession().getAttribute("userId"));            u.setUserId((String)request.getSession().getAttribute("userId"));            ResultDao<Boolean> result=userService.resetPsw(u);            if(result.isSuccess()){                request.getSession().setAttribute("userId", u.getUserId());                b=true;                res=JSON.toJSONString(b);            }        }        PrintWriter out = response.getWriter();        out.write(res);        out.flush();        out.close();

用例到此结束，很简单的一个用例