首页 > Web开发 > 详细

ajax的使用

时间:2020-05-03 17:17:45      阅读:47      评论:0      收藏:0      [点我收藏+]
前端页面是登录按钮<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,值为“操作成功”

ajax的使用

原文:https://www.cnblogs.com/M163/p/12822465.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!