jqueryajax 向springmvc controller传值

最新推荐文章于 2022-03-01 11:53:16 发布

原创最新推荐文章于 2022-03-01 11:53:16 发布 · 2.5k 阅读

1 ·

CC 4.0 BY-SA版权

springmvc 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个具体的示例，展示了如何利用Ajax技术实现前端与后端的交互，特别是通过点击事件触发Ajax请求，并将数据发送到SpringMVC后端进行处理的过程。

http://blog.youkuaiyun.com/a355586533/article/details/51927045

我的案例

$(function(){
    
   $("#aaa").click(function(){
     
        var provinceName = $(this).text();
        alert(provinceName);
        
        var params = {};  
    //params.XX必须与Spring Mvc controller中的参数名称一致    
    //否则在controller中使用@RequestParam绑定  
    params.provinceName = provinceName;  
    
    $.ajax({  
        async:false,  
        type: "POST",  
        url: "getcity",//注意路径  
        data:params,  
        dataType:"json",  
        success:function(data){  
            if(data.result=='SUCCESS'){  
                alert("修改成功");  
            }else{  
                alert("修改失败，失败原因【" + data + "】");  
            }  
        },  
        error:function(data){  
            alert(data.result);  
        }  
    });  
        
   });
});
   </script>
  </head>
  
  <body>
     <div id="mainnav" class="menu">
     <ul>
     		<c:forEach items="${provinces}" var="s">
      			<li class="expand" id="aaa">${s.provinceName}
      			   <ul>
      			    
      			      <c:forEach items="${provinces}" var="s"> 
      			        <li>
      			           
      			        </li>
      			      </c:forEach>
      			   </ul>
      			</li> 
            </c:forEach>
     </ul>


	@RequestMapping(value="/getcity")
	@ResponseBody//此注解不能省略 否则ajax无法接受返回值  
	public String loadCity(String provinceName){ //provinceName必须是data里面的provinceName名称一致
		System.out.println("从前端ajax获取的："+provinceName);
		return "/loadprovinceandcity";
		
	}