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;
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM