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

前端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));

伺服器端為：

public string exchangesort(string id, string otherid)

方式三  物件傳參

前台呼叫如：

var org=;

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

伺服器端為：

public org getorgbyid(org org)

方式四  物件序列化傳參

前台呼叫如：

var ueser=;

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));

伺服器端為：

"/findbyid"

)@responsebody

publicuserinfo findbyid(string userobj)

方式五  列表傳參

前台**如：

varobjlist =newarray();

grid.foreachrow(function(rid) ;

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

obj["politicalstatus"]  = grid.cells(rid, 4).getvalue();

obj["workunit"] = grid.cells(rid, 5).getvalue();

if(grid.cells(rid, 6).ischecked())

obj["iscontact"] ="1";

else

obj["iscontact"] ="0";

obj["phone"] = grid.cells(rid, 7).getvalue();

obj["remark"] = grid.cells(rid, 8).getvalue();

obj["sort"] = index;

objlist.push(obj);

});

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

伺服器端：

@responsebody   

public string addupdateuserhomelist(string userhomelist, string userid) catch (exception e) }

return "200"; }

附上ajaxpost**：

[html]view plain

copy

function ajaxpost(url,dataparam,callback),  

error: function (err,err1,err2)     

});        

return retdata;  

}  

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 搜尋引擎優化 友好度高，特別是對於一些營銷購物推廣類 伺服器渲染不用關心瀏覽器相容性問題 隨著瀏覽器發展，...