ssm+ajax实现登陆
2024-08-27 23:35:05
ssm的搭建见上一章
1.数据协议层
public User selectByLoginnameAndPassword(@Param("loginname")String loginname,@Param("password") String password);
2.服务协议层
User login(String loginname,String password);
3.服务层
@Autowired
private UserDao userDao;
public User login(String loginname, String password) {
return userDao.selectByLoginnameAndPassword(loginname, password);
}
4.数据实现层(mybatis)
<mapper namespace="com.yongxing.manager.dao.UserDao">
<select id="selectByLoginnameAndPassword" resultType="com.yongxing.manager.domain.User" >
select * from user_inf where loginname=#{loginname} and password=#{password}
</select>
5.控制层
@Controller
public class UserController {
@Autowired
private UserService userServcie;
@RequestMapping("/checklogin")
@ResponseBody
public User checklogin( String loginname,String paasword,HttpSession session){
System.out.println(loginname);
User user =userServcie.login(loginname, paasword);
if(user!=null) {
session.setAttribute("user_session", user);
return user;
}else {
return null;
}
}
后台搭建结束
6.前台搭建
<form>
<input name="loginname" type="text" id="loginname"/ >
<input name="password" type="password" id="password"/>
<input value="登录" style="width: 100%;" type="button" onclick="requestJson()" >
</form>
ajax异步登陆
<script type="text/javascript">
function requestJson(){
var name =$("#loginname").val();//#是id选择器
var pwd =$("#password").val();
if(name==""){
alert("用户名不能为空!");
return false;
}
else if(pwd==" "){
alert("密码不能为空!");
return false;
}
else
{
$.ajax({
type:'post',
url:'checklogin',
dataType:"json",//注意使用的是打他dataType,而不是Content-Type
async: true,
data:{loginname:name,paasword:pwd},
success:function(data){
if(data==null){
alert("没有这个用户!")
}
else{
alert("登录成功")
window.location.href ="main";
}
}
});
}
}
</script>
最新文章
- 神秘代理-Proxy
- ASP.Net MVC开发基础学习笔记(4):校验、AJAX与过滤器
- FPGA奇数分频
- Web API 实现JSONP或者安装配置Cors跨域
- MSP430之频率测量,误差1Hz
- CALayer加阴影后动画卡的处理办法
- 【Java基础】Java中的持久属性集Properties
- 数据分析:Weka,Matlab,R,SPSS,SAS等分析软件的入门
- 控制弹出div显示在鼠标附近的位置
- cf C. Find Maximum
- bzoj1684 [Usaco2005 Oct]Close Encounter
- 轻量级应用程序Dynamics 365 App for Outlook介绍
- Linux学习历程——Centos 7 ps命令基础
- lxml xpath 爬取并正常显示中文内容
- [转载]智能科普:VR、AR、MR的区别
- 前端入门应该掌握的html+css知识点
- iOS UILabel设置居上对齐,居中对齐,居下对齐
- Json转Map
- python程序设计——函数设计与调用
- 20170413B端业务访问故障排查思路