SSM框架中前台和后台数据交互详细流程(最新,最简易)

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

SSM框架中前台和后台数据交互详细流程(最新,最简易)先来说说⼤致流程:
1在js页⾯通过json将数据变为字符串
2通过jquery+ajax将数据发送到服务器
3通过@RequestMapping注解将数据映射到web层的对应处理器Controller⽅法中,处理之后,在将数据返回到前台页⾯;
通过模拟⼀个校验⽤户名是否存在的例⼦
1、在js页⾯通过json将数据变为字符串
//创建json对象,并将json对象通过stringify转化为字符串
var text={"username":"abc"};
var demo=JSON.stringify(text);
2、通过jquery+ajax将数据发送到服务器
$.ajax({
//请求地址
url:"/webapp/chen/userRegist",
//是否缓存该请求页⾯
cache:true,
//请求⽅式
type:post,
//设置向服务器发送的数据类型
contentType:"application/json",
//向服务器发送请求处理的数据
data:demo,
//服务器返回的数据类型
dataType:"json",
//对请求成功之后的数据进⾏操作
success:function(data){
if(data==null){
alert("该⽤户名不存在");
}
alert("该⽤户存在")});
3、通过@RequestMapping注解将数据映射到web层的对应处理器Controller⽅法中,处理之后,在将数据返回到前台页⾯
//通过注解,将该请求映射到对应的处理器上
@RequestMapping(value="/userRegist")
@ResponseBody
public User checkUserRegist(@RequestBody User user){
if(user.getUsername!=null){
user=userService.findByName(user.getUsername());
}
return user;
}。

相关文档
最新文档