SpringMVC基础解析之ajax

SpringMVC处理ajax

  1.引入vue.js 和 axios.js

  2.触发标签

 

            SpringMVC处理ajax
        

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