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

9 篇文章 0 订阅
2 篇文章 0 订阅

先来说说大致流程:
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;
  }
  • 13
    点赞
  • 112
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值