浅谈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)