例子(一)

一、
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();
    }
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值