SpringMVC基础解析之ajax

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注解