jQuery ajax 将springmvc 返回的json数据绑定到视图

后台使用@responseBody注解

返回一个json对象

@Controller
@RequestMapping("/admin/blogType")
public class blogTypeAdminController {
    @Autowired
    private BlogTypeService blogTypeService;
    @Autowired
    private BlogService blogService;
    @RequestMapping(value = "/listBlogType_1")
    @ResponseBody
    public List<BlogType> BlogType(){
        List<BlogType> blogTypeList = blogTypeService.getBlogTypeData();
        return blogTypeList;
    }

}

前台视图

<script type="text/javascript">
    $.ajax({
        method: 'post',
        url: '/admin/blogType/listBlogType_1.do',
        dataType: 'json',
        success: function (data) {
            var ddl = $("#blogTypeId");
            ddl.append("<option value='-1'>请选择博客类别...</option>");
            var result = eval(data);
            $.each(result, function (key, value) {
                var op = new Option(value.typeName);
                ddl[0].options.add(op);
            })
        }
    });
</script>

效果：

先用url 直接访问

实际效果：

 

本次学习参考 倪升武大神的开源博客项目