ajax异步提交 springMVC处理

最新推荐文章于 2024-09-15 19:20:58 发布

QD_阿乐

最新推荐文章于 2024-09-15 19:20:58 发布

阅读量469

点赞数

分类专栏： ajax 文章标签： ajax spring mvc 异步 url

本文链接：https://blog.csdn.net/qd_ale113/article/details/50098465

版权

ajax 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

当前台提交需要返回值的时候，利用ajax提交是一个很好的方式，ajax的局部刷新可以满足很多方面的要求。

先看一下前台js代码的处理

function sendMsg(phone,code){
		$.ajax({
			url:'/tf/share/phone.do',
			data:{phone:phone,code:code},
			type:'POST',
			dataType:"text",
			async:false,
			success:function(data){
				alert("验证码是"+data);
			},
			error:function(jqXHR,textStatus){
				alert(jqXHR.status);
			}
			
		});	
		
}

这里传递了2个参数，后台需要接受这两个参数，看一下后台处理

 /**
  * 
  * @param phone
  * @param code
  * @return
  */ 
 @ResponseBody(对象-协议转换，这里可以不用)
 @RequestMapping("/phone")
 public String phone(String phone,String code){
       if(null!=phone && null!=code){
              String uid=UUID.randomUUID().toString();
	      return uid;
       }else{
              return "abc123";
       }
  
 }

这里需要注意的是，ajax设置的返回值类型要和后台返回的数据类型一致，否则将会出现404