淺談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)