欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javaweb前端向后端傳值的幾種方式總結(jié)(附代碼)

 更新時間:2023年03月28日 11:09:04   作者:一路向前-執(zhí)著  
javaweb是java開發(fā)中的一個方向,下面這篇文章主要給大家介紹了關(guān)于javaweb前端向后端傳值的幾種方式的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下

一、javaweb中前端向后端傳值的幾種方式

1.查詢字符串的方式

即在請求地址后拼接上請求參數(shù),多個參數(shù)以&連接- 表單方式提交

2.第一種方式是在表單中直接提交,第二種方式是通過ajax方式,data屬性是js對象或者json對象,不指明contentType默認就是以表單方式提交。

3.json字符串方式

后端以@RequestBody方式接受,以對象形式接受,可以和查詢字符串混用,除了對象之外后端還可以接受查詢字符串參數(shù)。
經(jīng)測試,后端不加@RequestBody,json字符串傳到后臺就不能正確匹配對象。

二、javaweb后臺接收前臺參數(shù)的三種注解

  • @RequestParam
  • @PathVariable
  • @RequestBody

2.1 @RequestParam

@RequestParam:將請求參數(shù)綁定到你控制器的方法參數(shù)上(是springmvc中接收普通參數(shù)的注解)。接收的參數(shù)是來自HTTP請求體或請求url的參數(shù)串中。。

語法:@RequestParam(value=”參數(shù)名”,required=”true/false”,defaultValue=””)

  • value:為接收url的參數(shù)名(相當于key值)。
  • required:是否包含該參數(shù),默認為true,表示該請求路徑中必須包含該參數(shù),如果不包含就報錯。
  • defaultValue:默認參數(shù)值,如果設置了該值,required=true將失效,自動為false,如果沒有傳該參數(shù),就使用默認值。

@RequestParam用來處理 Content-Type 為 application/x-www-form-urlencoded 編碼的內(nèi)容,Content-Type默認為該屬性。

@RequestParam也可用于其它類型的請求,例如:POST、DELETE等請求。

代碼如下:

1.get請求參數(shù)帶在url中。

前端代碼:

<button><a href="/annotation/paramGet?name=tom&age=15" target="_blank">點我發(fā)送get請求</a></button>

后端代碼:

@RequestMapping(value = "paramGet",produces = "application/json;charset=utf-8")
@ResponseBody
public String paramGet(@RequestParam("name")String username,
                       @RequestParam("age")int age,
                       @RequestParam(value = "score",required = false)Float score){
    return username+"今年"+age+"歲"+",考試得了"+score+"分!";
}

2.post請求參數(shù)帶在url或者請求體中

前端代碼:

<button style="color: yellowgreen" onclick="paramPost()">點我發(fā)送post請求</button>

<script type="text/javascript">
    //post請求參數(shù)帶在url中。
    function paramPost() {
        $.ajax({
            type:"post",
            //參數(shù)在url中,載荷是查詢字符串,就是沒有請求體
            // url:"paramPost?name=jack&age=25",
            url:"paramPost",
            //參數(shù)在請求體中,js對象和json對象都可以提交,默認是提交表單數(shù)據(jù)
            data:{name:"jack",
                age:15
            },
            dataType:"json",
            success: function(data){
                console.log(data);
                alert(data);
                alert(data.sss);
            }
        });

    }
</script>

后端代碼:

@RequestMapping(value = "paramPost",produces = "application/json;charset=utf-8",method = RequestMethod.POST)
@ResponseBody
public Map<String,String> paramPost(@RequestParam("name")String username, 
                                    @RequestParam("age")int age,
                         @RequestParam(value = "score",required = false)Float score){
        Map<String,String> map = new HashMap<>();
        String ss = username+"今年"+age+"歲"+",考試得了"+score+"分!";
        map.put("sss",ss);
        return map;
}

3.直接以表單方式提交

前端代碼:

<form action="<%=basePath%>annotation/paramPost" method="post">
    姓名:<input type="text" name="name" required="required"><br>
    年齡:<input type="text" name="age" required="required"><br>
    分數(shù):<input type="text" name="score"><br>
    <input type="submit">
</form>

后端代碼:

@RequestMapping(value = "paramPost",produces = "application/json;charset=utf-8",method = RequestMethod.POST)
@ResponseBody
public Map<String,String> paramPost(@RequestParam("name")String username, 
                                    @RequestParam("age")int age,
                         @RequestParam(value = "score",required = false)Float score){
        Map<String,String> map = new HashMap<>();
        String ss = username+"今年"+age+"歲"+",考試得了"+score+"分!";
        map.put("sss",ss);
        return map;
}

上面這種方式提交就是表單方式,它和通過ajax方式,data屬性是js或者json對象,不指明contentType是一樣的。

2.2 @PathVariable

Web應用中的URL通常不是一成不變的,例如微博兩個不同用戶的個人主頁對應兩個不同的URL:http://weibo.com/user1和http://weibo.com/user2。 我們不能對于每一個用戶都編寫一個被@RequestMapping注解的方法來處理其請求,也就是說,對于相同模式的URL(例如不同用戶的主頁,他們僅僅是URL中的某一部分不同, 為他們各自的用戶名,我們說他們具有相同的模式)。
可以在@RequestMapping注解中用{ }來表明它的變量部分,例如:

@RequestMapping(value="/user/{username}")

需要注意的是,在默認情況下,變量中不可以包含URL的分隔符/,例如路由不能匹配/user/Denny/Jon,即使你認為Denny/Jon是一個存在的用戶名。

在路由中定義變量規(guī)則后,通常我們需要在處理方法(也就是@RequestMapping注解的方法)中獲取這個URL的具體值,并根據(jù)這個值(例如用戶名)做相應的操作, SpringMVC提供的@PathVariable可以幫助我們:

@RequestMapping(value="/user/{name}")
public String userProfile(@PathVariable(value="name") String username) {
return "user"+username;
}

PathVariable加RequestParam的組合方式:

前端代碼:

<button><a href="<%=basePath%>annotation/pathTest/david/16?score=19.5" target="_blank">點我發(fā)送path請求</a></button>

后端代碼:

@RequestMapping(value = "pathTest/{name}/{age}",produces = "application/json;charset=utf-8")
@ResponseBody
public Map<String,String> pathTest(@PathVariable("name")String username, 
                                   @PathVariable("age")int age,
                                   @RequestParam(value = "score",required = false)Float score){
        Map<String,String> map = new HashMap<>();
        String ss = username+"今年"+age+"歲"+",考試得了"+score+"分!";
        map.put("sss",ss);
        return map;
}

2.3 @RequestBody

@RequestBody主要用來接收前端傳遞給后端的json字符串中的數(shù)據(jù)的(請求體中的數(shù)據(jù)的);而最常用的使用請求體傳參的無疑是POST請求了, 所以使用@RequestBody接收數(shù)據(jù)時,一般都用POST方式進行提交。在后端的同一個接收方法里,@RequestBody與@RequestParam()可以同時使用, @RequestBody最多只能有一個,而@RequestParam()可以有多個。

注:一個請求,只有一個RequestBody;一個請求,可以有多個RequestParam。

前端代碼:

<button onclick="requestBodyTest()">點我測試requestbody</button>


<script type="text/javascript">
//測試requestbody
    function requestBodyTest() {
        let json = {"uName":"david","phone":13887898998};
        alert(typeof json);
        $.ajax({
            type:"post",
            url:"<%=basePath%>annotation/requestBodyTest?score=17.8",
            //json字符串
            data:JSON.stringify(json),
            //指定發(fā)送數(shù)據(jù)的格式
            contentType:"application/json", //是這種格式,不是json/application
            //指定返回數(shù)據(jù)的格式
            dataType:"json",
            success: function(data){
                console.log(typeof data);
                console.log(data);
                alert(typeof data);
                alert(data.sss);
            }
        });

    }
</script>

后端代碼:

@RequestMapping(value = "requestBodyTest",produces = "application/json;charset=utf-8",method = RequestMethod.POST)
@ResponseBody
public Map<String,String> requestBodyTest(@RequestBody User user,
                                          @RequestParam(value = "score",required = false)Float score){
        Map<String,String> map = new HashMap<>();
        String ss = user.getuName()+"今年"+"考試得了"+score+"分!";
        map.put("sss",ss);
        return map;
}

總結(jié)

到此這篇關(guān)于javaweb前端向后端傳值的幾種方式總結(jié)的文章就介紹到這了,更多相關(guān)javaweb前端向后端傳值內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • Java設計模式之策略模式深入刨析

    Java設計模式之策略模式深入刨析

    策略模式屬于Java 23種設計模式中行為模式之一,該模式定義了一系列算法,并將每個算法封裝起來,使它們可以相互替換,且算法的變化不會影響使用算法的客戶。本文將通過示例詳細講解這一模式,需要的可以參考一下
    2022-05-05
  • SpringCloud使用Zookeeper作為注冊中心

    SpringCloud使用Zookeeper作為注冊中心

    這篇文章主要介紹了SpringCloud如何使用Zookeeper作為注冊中心,幫助大家更好的理解和學習使用Zookeeper,感興趣的朋友可以了解下
    2021-04-04
  • Java面向?qū)ο笾^承、構(gòu)造方法、重寫、重載

    Java面向?qū)ο笾^承、構(gòu)造方法、重寫、重載

    本章具體介紹了什么是構(gòu)造方法、繼承、重寫、重載以及創(chuàng)建方法,整篇文章用老司機和人類來舉例,圖解穿插代碼案例,需要的朋友可以參考下
    2023-03-03
  • Java單鏈表的實現(xiàn)代碼

    Java單鏈表的實現(xiàn)代碼

    這篇文章主要介紹了Java單鏈表的實現(xiàn)代碼的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2016-07-07
  • Mybatis-Plus的多數(shù)據(jù)源你了解嗎

    Mybatis-Plus的多數(shù)據(jù)源你了解嗎

    這篇文章主要為大家詳細介紹了Mybatis-Plus的多數(shù)據(jù)源,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2022-03-03
  • Java中BigDecimal的基本運算(詳解)

    Java中BigDecimal的基本運算(詳解)

    下面小編就為大家?guī)硪黄狫ava中BigDecimal的基本運算(詳解)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-10-10
  • Java跨域問題分析與解決方法詳解

    Java跨域問題分析與解決方法詳解

    這篇文章主要介紹了Java跨域問題分析與解決方法,跨域問題是在Web應用程序中,由于同源策略的限制,導致瀏覽器無法發(fā)送跨域請求,也無法獲取跨域響應的問題,感興趣想要詳細了解可以參考下文
    2023-05-05
  • springboot2.X整合prometheus監(jiān)控的實例講解

    springboot2.X整合prometheus監(jiān)控的實例講解

    這篇文章主要介紹了springboot2.X整合prometheus監(jiān)控的實例講解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2021-03-03
  • SpringBoot中的文件上傳與下載詳解

    SpringBoot中的文件上傳與下載詳解

    這篇文章主要介紹了SpringBoot中的文件上傳與下載詳解,springboot是spring家族中的一個全新框架,用來簡化spring程序的創(chuàng)建和開發(fā)過程,本文我們就一起來看看上傳與下載的操作,需要的朋友可以參考下
    2023-08-08
  • spring用戶通過交互界面登錄成功的實現(xiàn)

    spring用戶通過交互界面登錄成功的實現(xiàn)

    本文主要介紹了spring用戶通過交互界面登錄成功的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2023-07-07

最新評論