一、
1.login.jsp
<%--
Created by IntelliJ IDEA.
User: MyPC
Date: 2019/10/22
Time: 8:52
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<form action="">
用户名:<input name="username" type="text" id="username"/>
密码:<input name="passwond" type="text" id="password"/>
<input type="button" onclick="login()" value="登入">
</form>
</body>
<script type="text/javascript">
function login() {
var username=document.getElementById("username").value;
var password=document.getElementById("password").value;
var params="username="+username+"$password"+password;
alert(params);
var request=new XMLHttpRequest();
request.open("get","${pageContext.request.contextPath}/user/login.do?"+params);
request.send();
request.onreadystatechange=function () {
if (request.readyState==4&&request.status==200){
var rsptext=request.responseText;
if (rsptext=="success"){
alert("登入成功");
} else {
alert("登入失败");
}
}
}
}
</script>
</html>
2.UserController .java
package com.yiju.controller;
import org.apache.ibatis.annotations.Param;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
@Controller
@RequestMapping("user")
public class UserController {
@RequestMapping("login.do")
@ResponseBody
public String login(
@Param(value = "username")String username,
@Param(value = "password")String password){
if ("123".equals(username)&&"123".equals(password)){
return "success";
}
return "failure";
}
}
二、
1.login1.jsp
<%--
Created by IntelliJ IDEA.
User: micky
Date: 2019/10/22
Time: 9:44
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<form action="" >
用户名:<input name="username" type="text" id="username" />
密码:<input name="password" type="text" id="password"/>
<input type="button" onclick="login()" value="登入">
</form>
</body>
<script type="text/javascript">
function login() {
//选择器 1.id 2.类选择器 3.标签
//document.getElementById("username").value;
var username1=$("#username").val();
var password1=$("#password").val();
alert(username+password);
$.ajax({
url:"${pageContext.request.contextPath}/user/login1.do",
type:"post",
dataType:"json",
data:{
username:username1,
password:password1
},
success:function (data) {
if(data.result=="1"){
alert("登入成功");
}else {
alert("登入失败");
}
}
});
}
</script>
</html>
2.UserController .java
package com.yiju.controller;
import org.apache.ibatis.annotations.Param;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
@Controller
@RequestMapping("user")
public class UserController {
@RequestMapping("login1.do")
@ResponseBody
public String login1(
@Param(value = "username")String username,
@Param(value = "password")String password){
JSONObject jsonObject=new JSONObject();
if ("123".equals(username)&&"123".equals(password)){
jsonObject.put("result","1");
}else {
jsonObject.put("result","2");
}
return jsonObject.toString();
}
}