浅谈SpringMVC后端与前端Ajax的五种交互方法
2017-11-18 22:08
543 查看
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)
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)
相关文章推荐
- 后端数据传输到前端的两种方法(JQuery:AJAX 或 SpringMVC:ModelAndView)
- Spring MVC前端与后端5种ajax交互方法【总结】
- 前端后端交互的方法
- Spring MVC前端与后端5种ajax交互方式
- 利用Ajax实现前端与.net后端实现数据交互
- SpringMVC前端和后端数据交互总结
- vue结合axios与后端进行ajax交互的方法
- ajax与servlet交互(通过JSON),JAVA的arraylist传到前端的方法
- Spring MVC前端与后端5种ajax交互方式
- 前端和后端的数据交互(jquery ajax+python flask+mysql)
- ajax与servlet交互(通过JSON),JAVA的arraylist传到前端的方法
- Spring MVC前端与后端5种ajax交互方式
- Python Flask前后端Ajax交互的方法示例
- SpringMVC+Hibernate利用ajax实现前端后台数据交互
- ajax使用,前端与后端交互
- springMVC ajax执行后端不报错 前端报state是404
- ajax交互成功后数据返回到error方法中 (前端/PHP)
- Spring MVC前端与后端5种ajax交互方式
- 前端调用后端的方法(基于restful接口的mvc架构)
- 通过Ajax进行POST提交JSON类型的数据到SpringMVC Controller的方法