ssm从前台接收数据_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;

}