1. 程式人生 > >淺談SpringMVC後端與前端Ajax的五種互動方法

淺談SpringMVC後端與前端Ajax的五種互動方法

Web後端跟Ajax前端進行資料互動,這樣前端請求才能到達後端,後端才能去操作資料庫返回資料給前端進行頁面渲染。

SpringMVC與Ajax共有五種互動方式:

方法一:通過URL傳參

                1> Ajax前端:通過URL掛接引數,如 ur:" /專案名/模組名/方法名?userId='001'&username='亞瑟'  ";(多個引數時,引數間用"&"連線)

                2> SpringMVC後端:public String 方法名(String userId);

方法二:單值傳參

                1> Ajax前端:如 data:{userID:"userID",userName:"userName"};

                2> SpringMVC後端:public String getUser (String userId, String userName);

方法三:物件傳參

                1> Ajax前端:如  var params= {userName:userName}

                                              data:{params}

                2> SpringMVC後端:public String getUser (String params){};

方法四:物件序列化傳參

                1> Ajax前端:如  var user= {id:rowid,name:userName}

                                              data:{"params":JSON.stringify(user)}

                2> SpringMVC後端:public String getUser (String params){};

方法五:List傳參

               1> Ajax前端:如 var list1 = JSON.stringify($('#unit-plist1').datagrid('getRows'));

                                            url: " /專案名/模組名/方法名?userId='001'&username='亞瑟'  "

               2> SpringMVC後端:  public Map getList(List list)