springmvc結合json向后台傳送數據(get、post)

本文轉載自查看原文 2016-04-08 15:34 2064

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

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 vue向后端傳遞數據之GET和POST ajax--表單和ajax分別使用get、post方法向后台傳輸數據 SpringMVC接收前台Ajax傳送json數據 springboot開發中以POST方式向后台傳遞json數據的時候參數值為null angular使用post、get向后台傳參的問題前端向后台服務器端發送請求並且傳送數據的方式 PHP調用接口用post方法傳送json數據 ajax直接向后台傳遞json list結構的數據 c# 后台GET、POST、PUT、DELETE傳輸發送json數據 C# 后台POST和GET 獲取數據