Vue SpringBoot 前端向後台傳送多引數

2021-10-09 13:15:23 字數 863 閱讀 5937

vue+springboot:前端向後台傳送多引數

前端包裝,後台通過map進行引數的接收。

引數包括普通資料型別及陣列

)其中node1、node2為核取方塊勾選的陣列,其他的為int或string型

後台jsonarray處理將其轉化

public resulttype function(@requestbody mapdatas)

僅通過@requestparam或者@requestbody接收資料,或者兩者結合,暫時無法調通前後端的引數的傳輸,故採用map接收多引數,從map中獲取的前端傳輸的json(未經過stringify處理),在後台列印的資料型別為
linkedhashmap型。

接收的json陣列為arraylist型,由於介面引數需求,需要將nodes1,nodes2轉化成list,轉化方法為:

1.先將資料轉化成json陣列

jsonarray array = jsonarray.parsearray(json.tojsonstring(datas.get(「nodes1」)));

2.將json陣列轉化成list

list nodes1 = jsonobject.parsearray(array.tostring(), t.class);

若前端傳資料將其stringify處理後,後台列印的資料將以?data1=value1&data2=value2的形式以string呈現。

vue Springboot 前後端資料互動

springboot與vue互動一般有兩種方式 現在我們討論的就是第二種方式。路由介面 配置 proxytable 前端傳物件到後端 console.log 進入登入認證方法 2.提示成功 this.message.success res.data.msg else 前端方面我將axios寫成了乙個...

前端隨筆初識前端

接上章 table tr 行 td 列 width 的寬度 height 的高度 border 的邊框 cellspacing 單元格與單元格之間的間距 預設大約是2畫素 cellpadding 單元格與內容之間的空隙 預設值是0 bgcolor 背景顏色 bordercolor 邊框顏色 alig...

cursor的十八種樣式 前端前端前端

預設游標 通常是乙個箭頭 cursor default 3.auto 預設。瀏覽器設定的游標。cursor auto 4.crosshair 游標呈現為十字線。cursor crosshair 5.pointer 游標呈現為指示鏈結的指標 乙隻手 cursor pointer 6.move 此游標指...