访问静态资源和处理Ajax请求的数据

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

<!--**配置解释:** 将静态资源(图片,css,js,html)放入了webApp/static文件夹下! 直接访问DispatcherServlet会拦截出现404问题!-->

<!--location元素表示webapp目录下的static包下的所有文件；-->

<!--mapping元素表示将 location对应文件加下的资源对应到 /static路径下!-->

<!--该配置的作用是：DispatcherServlet不会拦截以/static开头的所有请求路径，并当作静态资源-->
<mvc:resources mapping="/static/**" location="/static/" ></mvc:resources>

<img src="static/images/1.jpg" width="100" height="100" />

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

<script src="static/js/jquery1.11.3.min.js"></script>
<script src="static/js/reg.js"></script>
用户名:<input type="text" name="uname" id="uname" /><span id="s1"></span>

@Controller
@RequestMapping("/ajax")
public class AjaxController {

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

$(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){

            }
        })*/

    })
    })

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

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

@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字符串
    }
}

$("#span1").mouseover(function(){

       $.getJSON("ajax/selectUserList",function(jsonarr){

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

})

<!-- json依赖 -->
<dependency>
    <groupId>com.alibaba</groupId>
    <artifactId>fastjson</artifactId>
    <version>1.2.47</version>
</dependency>

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

@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字符串
    }
}

$("#span1").mouseover(function(){
$.getJSON("ajax/selectUserList",function(jsonarr){

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