Spring MVC前端與後端5種ajax互動方式

2021-07-22 14:16:39 字數 1545 閱讀 2262

前端ajax與後端spring mvc控制器有以下五種資料互動方式。(前台使用了dhtmlxgrid,後端使用了fastjson)

方式一 通過url傳參

通過url掛接引數,如/auth/getuser?userid='6'

伺服器端方法可編寫為:getuser(string userid),也可新增其他引數如httpsession, httpservletrequest,httpservletresponse,mode,modelandview等。

方式二 單值傳參

前台呼叫如:

ajaxpost("/base/user/exchangesort",,function(data,status);

ajaxpost("/base/org/getorgbyid", org,function(data,textstatus);

var data=ajaxpost("/base/user/findbyid",,null);

或者var ueser=;//建立物件

user["id"]=id;

user["name"]=$("#name").val();

user["dept"]={};//外來鍵物件

user["dept"]["id"]=$("#deptid").val();

ajaxpost("/base/user/adduser",,function(data));

伺服器端為:

@responsebody

publicuserinfo findbyid(string userobj) ;

obj["id"] = rid;

obj["user"] = {};

obj["user"]["id"] = $("#userid").val();

//不推薦這樣的寫法

//obj["kinship"] = grid.cells(rid, 1).getvalue();

//obj["name"] = grid.cells(rid, 2).getvalue();

obj["kinship"]=grid.cells(rid,grid. getcolindexbyid ("columnname")).getvalue();

obj["name"]=grid.cells(rid,grid.getcolindexbyid("name")).getvalue();

if(grid.cells(rid, 3).getvalue()!=null&& grid.cells(rid, 3).getvalue()!="")else,function(data, status) catch (exception e) {

e.printstacktrace();

return "200";

Spring MVC前端與後端5種ajax互動方式

前端ajax與後端spring mvc控制器有以下五種資料互動方式。前台使用了dhtmlxgrid,後端使用了fastjson 方式一 通過url傳參 通過url掛接引數,如 auth getuser?userid 6 伺服器端方法可編寫為 getuser string userid 也可新增其他引...

前端渲染與後端渲染

前端渲染是通過ajax請求資料,然後通過js語法將資料展示到頁面中,稱之為前端渲染 後端渲染是通過後端語言 後端模板 ejs 將 頁面整個傳送給前端 後端模板 ejspug jade art template 現在流行的 前端渲染 問題 當前後端同時進行專案開發是,後端資料介面沒有寫好,但是前端卻需...

前端渲染與後端渲染

大概十年前,jsp php asp等為大多數 使用,也是由後端作為渲染。因為大多數工作都是由後端完成,對後端人員要求較高,前端的地位也就比較低。後端渲染的優勢 第一次搭建簡單 的速度快 seo 搜尋引擎優化 友好度高,特別是對於一些營銷購物推廣類 伺服器渲染不用關心瀏覽器相容性問題 隨著瀏覽器發展,...