开始
前台:jsp,js,ajax
后台:controller
controller接收前台数据
- 普通方式-请求参数名和Controller方法的参数名字一致
- 对象方式-请求参数名和Controller方法中参数对象的属性名字一致
- 自定义方法参数名-当请求参数名与方法参数名不一致时
@RequestParam(“前端参数名”) 后台方法参数名 - HttpServletRequest方式
request.getParameter(“前端参数名”); - @PathVariable获取路径中的参数接收
@RequestMapping("/user/{name}/{pwd}")
@PathVariable 后台方法参数名 - @RequestBody-JSON方式接收
前台接收controller数据
- $ {requestScope.属性名}
- $ {sessionScope.属性名}
- $ {自定义对象.属性名}
- $ {属性名}
controller向前台传递数据
- HttpServletRequest对象传值:
request.setAttribute(“属性名”,属性值)
request.getSession().setAttribute(“属性名”,属性值) - 在方法中添加形参Model传值:
model.addAttribute(“属性名”,属性值)------${对象名.属性名}
前台向controller传递数据
- 超链接href问号传值
- 表单提交传值
Ajax向controller传递数据/Ajax接收controller数据
$(function(){
//请求参数
var list = {};
//
$.ajax({
//请求方式
type : "POST",
//请求的媒体类型
contentType: "application/json;charset=UTF-8",
//请求地址
url : "http://127.0.0.1/admin/list/",
//数据,json字符串
data : JSON.stringify(list),
//请求成功
success : function(result) {
console.log(result);
},
//请求失败,包含具体的错误信息
error : function(e){
console.log(e.status);
console.log(e.responseText);
}
});
});
ajax向controller传递数据-------data : JSON.stringify(list)----封装了包括请求在内和list的数据发送到controller
ajax接收controller数据--------console.log(result)----result包含了controller返回的数据
js/Ajax获取/设置同页面jsp数据
- $("#id").val() 可获取手动输入的文本框的value值
- $("#id").attr(“元素属性名”) 只能获取html元素中所设置的属性value的值
- $ {requestScope.属性名}
- $ {sessionScope.属性名}
- $ {自定义对象.属性名}
- $ {属性名}