SpringMVC处理Ajax请求(请求数据为 json 格式字符串)

1.前端页面的javascript代码:

<script type="text/javascript">  
    $(document).ready(function(){
    	//以json 格式字符串请求服务器
    	$("#add").click(function(){
    	    var saveDataAry=[];  
            var data1={"userName":"test","address":"gz"};  
            var data2={"userName":"Teemo","address":"hy"};  
            saveDataAry.push(data1);  
            saveDataAry.push(data2);         
            $.ajax({ 
                type:"POST", 
                url:"saveUser", 
                dataType:"json",      
                contentType:"application/json",               
                data:JSON.stringify(saveDataAry), //将 json 对象转为 json字符串
                success:function(data){ 
                	//alert(data);
                	for(var i=0;i<data.length;i++){
                		var userName = data[i].userName;
                		var address = data[i].address;
                		alert(userName + "---" + address);                		
                	}
                } 
             }); 
    	});    	    	
    });  
</script>
2.后台SpringMVC的controller: 使用 @RequestBody 注解来接受请求数据,使用@ResponseBody 注解来返回数据。

<span style="white-space:pre">	</span>/**
	 * 前端 请求 jons 串,后台返回 json串
	 * @param users
	 */
	@ResponseBody 
	@RequestMapping(value = "saveUser", method = {RequestMethod.POST }) 
    <span style="white-space:pre">	</span>public List<User> saveUser(@RequestBody List<User> users) { 
        <span style="white-space:pre">	</span>System.out.println("user的size: " + users.size());
        
       <span style="white-space:pre">		</span>List<User> listUser = new ArrayList<>(users);
        <span style="white-space:pre">	</span>for(User list:listUser){
        	<span style="white-space:pre">	</span>System.out.println(list.getUserName()+ "---" + list.getAddress());
        	<span style="white-space:pre">	</span>String address = list.getAddress();
        	<span style="white-space:pre">	</span>list.setAddress(address + "^^^");
        <span style="white-space:pre">	</span>}
        <span style="white-space:pre">	</span>//将 listUser 返回前端
        <span style="white-space:pre">	</span>return listUser;
    <span style="white-space:pre">	</span>}
3.为了能接受从前端传过来的json数据,需要定义一个JavaBean。

package com.hebtu.springmvc.crud.entities;

public class User {
	
	private String userName;
	
	private String address;
	
	public String getAddress() {
		return address;
	}
	public void setAddress(String address) {
		this.address = address;
	}
	public String getUserName() {
		return userName;
	}
	public void setUserName(String userName) {
		this.userName = userName;
	}
	 
	 
}




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值