springmvc结合json向后台传送数据(get、post)

一、get传输:

①jsp页面:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="<%=application.getContextPath()%>/js/jquery.js"></script>
<script type="text/javascript">
    function loginS(){
        alert("aaaa"+$("#username").val()+", "+$("#password").val());
        var user = {username:$("#username").val(),password:$("#password").val()};
        $.ajax({
            type:'get',
            url:'${pageContext.request.contextPath }/user/login.do',
            contentType:'application/json;charset=utf-8',
            //数据格式是json串,商品信息
            data:user,
            success:function(data){//返回json结果
                alert(data);
            }
        });
    }
</script>
</head>
<body>
    <form id="user" action="user/login.do" method="post">
        <!-- <input type="hidden" name="_method" value="delete" /> -->
        <div id="showErrorMsg" style="display: none">错误原因</div>
        <table>
            <tr><td><input id="username" name="username" type="text" placeholder="用户名" /></td></tr>
            <tr><td><input id="password" name="password" type="password" placeholder="密码" /></td></tr>
            <tr><td colspan="2"><input type="button" id="login" value="登录" onclick="loginS();" /></td></tr>
        </table>
    </form>
</body>
</html>

②后台:

    @RequestMapping(value="/login", method=RequestMethod.GET)
    public String login(HttpServletRequest request,User user){
        System.out.println("222----");
        User selUser =  userService.login(user);
        request.setAttribute("User", selUser);
        if(selUser !=null){
            return "/allUser";
        }else{
            return "/allUser";
        }
    }

二、post传输:

① jsp页面:将js中的type:"get" 改为 type:"post";将data:user 改为 data:JSON.stringify(user)

② 后台:

    @RequestMapping(value="/login", method=RequestMethod.POST)
    @ResponseBody
    public String login(@RequestBody User user,HttpServletRequest request){
        System.out.println("222----");
        User selUser =  userService.login(user);
        request.setAttribute("User", selUser);
        if(selUser !=null){
            return "/allUser";
        }else{
            return "/allUser";
        }
    }

 

转载于:https://www.cnblogs.com/big-xuzhou/p/5368345.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值