访问静态资源及处理AJAX请求

骑猪看日落 2024-04-01 10:17 78阅读 0赞

如何访问静态资源  
1.在配置文件中设置

springmvc.xml文件中加入

<mvc:annotation-driven></mvc:annotation-driven>
    
    
    
    
    
    
    
    
    <mvc:resources mapping="/static/**" location="/static/" ></mvc:resources>

静态资源是放在webapp/static/下面

访问

八. 怎么处理ajax请求的数据  
@ResponseBody 注解

设置@ResponseBody 注解 返回的是内容 而不是转发页面

1.返回的是一个值

@RequestMapping("/checkUname")
    @ResponseBody //注解  响应内容  不转发页面 直接返回内容
    public String checkUname(String uname)
    {
        if(uname.equals("zhangsan"))
            return "not ok";
        else
            return "ok";
    }

测试案例

reg.jsp

AjaxController.java

@Controller
    @RequestMapping("/ajax")
    public class AjaxController {
    
        @RequestMapping("/checkUname")
        @ResponseBody //注解  响应内容  不转发页面 直接返回内容
        public String checkUname(String uname)
        {
            if(uname.equals("zhangsan"))
                return "not ok";
            else
                return "ok";
        }
        }

reg.js

$(function(){
    
        $("#uname").blur(function(){
    
            //1.获得输入的用户名
            var uname=$(this).val();
            //2.通过ajax将用户名传到服务器判断是否存在 并将结果返回
    
            $.get("ajax/checkUname?uname="+uname,function(msg){
                 $("#s1").html(msg);
            })
    
    
           /* $.ajax({
                "type":"get",
                "url":"",
                "data":"uname="+uname,
                "success":function(msg){
    
                }
            })*/
    
        })
        })

2.需要返回多个值 则需要将其转换为json字符串  
方式1: 用springmvc支持的 jar包 ，让前端控制器帮你转换为json 字符串  
2.1 导入jar包

支持:

jackson : jackson-databind/jackson-annotations/jack-core

gson: gson

\*\*注意: \*\* jackson需要三个jar包!如果使用maven引入jackson-databind会连带引入 core和annotations。

如果非maven项目,必须加入三个jar包!

<dependency>
        <groupId>com.google.code.gson</groupId>
        <artifactId>gson</artifactId>
        <version>2.2.4</version>
    </dependency>

2.2 添加配置

springmvc.xml加入

<mvc:annotation-driven></mvc:annotation-driven>

2.3 在控制器使用

@Controller
    @RequestMapping("/ajax")
    public class AjaxController {
        //会将list转换为json字符串
        @RequestMapping("/selectUserList")
        @ResponseBody
        public List<User> selectUserList()
        {
            List<User> userList=new ArrayList<User>();
            userList.add(new User("zhangsan1","123",23,new Address("湖北","武汉","汉口大道100号")));
            userList.add(new User("zhangsan2","123",23,new Address("湖北","武汉","汉口大道100号")));
            userList.add(new User("zhangsan3","123",23,new Address("湖北","武汉","汉口大道100号")));
    
            return userList;  //直接返回list  不用返回json字符串
        }
    }

2.4 在js中接收

$("#span1").mouseover(function(){
    
           $.getJSON("ajax/selectUserList",function(jsonarr){
    
                  $("#userList").empty();
                  $.each(jsonarr,function(k,v){
                       $("#userList").append("<li>"+v.uname+"</li>");
                  })
           })
    
    })

方式2: 用fastjson ，自己转换为json字符串  
2.1 导入jar包

<dependency>
        <groupId>com.alibaba</groupId>
        <artifactId>fastjson</artifactId>
        <version>1.2.47</version>
    </dependency>

2.2 添加配置

springmvc.xml加入

<mvc:annotation-driven></mvc:annotation-driven>

2.3 在控制器使用

@Controller
    @RequestMapping("/ajax")
    public class AjaxController {
        //会将list转换为json字符串
        @RequestMapping("/selectUserList")
        @ResponseBody
        public String selectUserList()
        {
            List<User> userList=new ArrayList<User>();
            userList.add(new User("zhangsan1","123",23,new Address("湖北","武汉","汉口大道100号")));
            userList.add(new User("zhangsan2","123",23,new Address("湖北","武汉","汉口大道100号")));
            userList.add(new User("zhangsan3","123",23,new Address("湖北","武汉","汉口大道100号")));
    
            return JSON.toJSONString(userList);  //返回json字符串
        }
    }

2.4 js接收:

$("#span1").mouseover(function(){
    $.getJSON("ajax/selectUserList",function(jsonarr){
    
              $("#userList").empty();
              $.each(jsonarr,function(k,v){
                   $("#userList").append("<li>"+v.uname+"</li>");
              })
       })
    })