SpringMVC处理ajax
1.引入vue.js 和 axios.js
<script th:src="@{/static/js/vue.js}"></script>
<script th:src="@{/static/js/axios.min.js}"></script>
2.触发标签
<div id="app">
<a @click="testAjax" th:href="@{/testAjax}">SpringMVC处理ajax</a>
</div>
3.vue+axios语句
var vue = new Vue({
el:"#app",
methods:{
testAjax:function(event){
axios({
method:"post",
url:event.target.href,
params:{
username:"admin",
password:"123456"
}
}).then(function(response){
alert(response.data);
});
event.preventDefault()
}
}
})
4.控制器方法
@RequestMapping("/testAjax")
@ResponseBody
public String testAjax(String username, String password){
System.out.println("username:"+username+",password:"+password);
return "hello,ajax";
}
@RestController注解
是SpringMVC提供的一个复合注解,标识在控制器的类上,就相当于为类添加了
@Controller注解,并且为其中的每个方法添加了@ResponseBody注解