ajax序列化的使用,使用jQuery实现Ajax 表单的序列化.serialize() (二）

登录时，用无刷新实现，有表单提交的Servlet中处理数据响应到页面!

JSP页面

$(function () {

$("#btn1").click(function () {

//$("#frm").serialize()提交参数

$.getJSON("login",$("#frm").serialize(),function (data) {

//alert(data);

//清空

$("#frm").find("~p").remove();

if(data==1){

$("#frm").after("

登录成功！

$("#frm").find("~p").css("color","blue");

}else{

$("#frm").after("

登录失败！

$("#frm").find("~p").css("color","red");

}

})

})

});

姓名:

密码:

Servlet处理

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

response.setContentType("text/html;charset=utf-8");

PrintWriter out = response.getWriter();

//

request.setCharacterEncoding("utf-8");

//

String name =request.getParameter("uname");

String pwd =request.getParameter("upass");

//

if("John".equals(name) && "123456".equals(pwd)){

out.println(1);

}else{

out.println(0);

}

out.flush();

out.close();

}