用Ajax方式提交数据给servlet

本文主讲用ajax方式提交数据
Jsp页面

        <input type="text" name="root" id="go" />
    <input type="password" name="pass" id="to" />
    <p id="diao">点我</p>
    <%--引用Jquer文件--%>
    <script src="../css/JQuery.js"></script>
    <script type="text/javascript">
        $("#diao").click(function() {
            //获取用户输入的值
            var a = $("#go").val();
            var b = $("#to").val();
            $.ajax({
                type : "post",//提交方式
                url : "../Update",//servlet路经
                //值传递到servlet
                data : {
                    mygo : a,
                    myto : b
                },
                //错误则弹出错误信息
                statusCode : {
                    404 : function() {
                        alert("请检查url路径是否指定正确");
                    }
                },
                //成功则弹出
                success : function(data, textStatus) {
                    alert("成功了,快去看看吧");
                }
            })
        });
    </script>

因为jsp页面是post方式提交所以我们要在servlet里的doPost方法 用getParameter()获取jsp页面的值并打印输出

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//用request对象调用getParameter方法获得页面所传的值
System.out.println(request.getParameter("mygo"));
System.out.println(request.getParameter("myto"));
}