ajax的使用

 ajax在传值中的运用

前端页面是登录按钮<input type="button" value="登录" class="log_btn" onclick="login();" />

后端调用login.js中的 login()

function login(){
var loginName=$("#loginName").val();
var password=$("#password").val();
$.ajax({
url:contextPath+"/Login",
method:"post",
data:{loginName:loginName,password:password,action:"login"},
success:function(jsonStr){
var result=eval("("+jsonStr+")");
if(result.status==1){
window.location.href=contextPath+"/Home?action=index";
}else{
showMessage(result.message)
}
}
})
}

备注

（1）url:contextPath+"/Login",  是LoginServlet@WebServlet(urlPatterns = { "/Login" }, name = "Login") 注解，而且还要继承

AbstructServlet，重要的是在继承类LoginServlet中要有继承类映射，LoginServlet.class。

（2）showMessage(result.message)是以为action方法中有return result;

（3）var result=eval("("+jsonStr+")"); 是因为ajax返回的是一个对象，要将此对象转换成字符串。比如返回的对象是

result，属性为message,值为“操作成功”