异步 json的使用

列1：通过id查询显示数据

$(".viewUser").click(function () {
    var id=$(this).attr("userid");
    alert(id)
    $.ajax({
        type:"get",
　　　　　//这里用到了restful风格
        url:"/jsp/view/"+id,
　　　　　//返回一个json对象
        dataType:"json",
        success:function (result) {
　　　　　　　　//这里的result是User对象，传过来一个对象，通过id拿到jsp页面，传入值
            $("#userCode").html(result.userCode)
            $("#userName").html(result.userName)
            $("#gender").html(result.gender)
            $("#birthday").html(result.birthday)
            $("#phone").html(result.phone)
            $("#address").html(result.address)
            $("#userRoleName").html(result.userRoleName)
        },
        error:function () {
            alert("error！")
        }
    })
})

controller代码

   @RequestMapping(value = "/jsp/view/{id}",method = RequestMethod.GET)
      @ResponseBody
　　　　//pathVariable接受外面的传过来的值，并且拼在路径的后面不会有？问号
      public Object view(@PathVariable("id") String id){
          System.out.println(id);
　　　　　　　//进行筛选的操作
          User user = userService.getUserById(id);
          if(user!=null){
　　　　　　　//返回一个json对象
              return JSONArray.toJSONString(user);
          }else{
              return JSONArray.toJSONString(new User());
         }
     }

效果图：

列2:通过id删除，无刷新页面

$(".deleteUser").click(function () {
    var id=$(this).attr("userid");
    var tr=$(this)
    $.ajax({
        type:"get",
        url:"/jsp/delete/"+id,
        dataType:"json",
        success:function (resutl) {
            if(resutl.boolean=="true"){
                tr.parents("tr").remove();
            }else{
                alert("删除失败!")
            }

        },
        error:function () {
            alert("error!")
        }

    })
})

@RequestMapping(value = "/jsp/delete/{id}",method = RequestMethod.GET)
　　　　　//@ResponseBody的作用其实是将java对象转为json格式的数据，注意：在使用 @RequestMapping后
        @ResponseBody
        public String delUser(@PathVariable("id") Integer delId) {
            System.out.println("删除了Id为________:"+delId);
                boolean b = userService.deleteUserById(delId);
                Map<String,String> map=new HashMap<String,String>();
                if (b) {
                    System.out.println("成功");
　　　　　　　　　　　　//给map设值，外面可以拿到boolean属性并且拿到value="true"进行判断

                    map.put("boolean","true");
                    return JSONArray.toJSONString(map);
                }else{
                    System.out.println("失败");
                    map.put("boolean","false");
                    return JSONArray.toJSONString(map);
                }

        }

效果图,没删除之前:

删除后:

 

@RequestMapping(value = "/jsp/delete/{id}",method = RequestMethod.GET)
@ResponseBody
public String delUser(@PathVariable("id") Integer delId) {
          System.out.println("删除了Id为________:"+delId);
      boolean b = userService.deleteUserById(delId);
      Map<String,String> map=new HashMap<String,String>();
      if (b) {
         System.out.println("成功");
         map.put("boolean","true");
         return JSONArray.toJSONString(map);
      }else{
         System.out.println("失败");
         map.put("boolean","false");
         return JSONArray.toJSONString(map);
      }

}