javaScript ajax动态创建html

<script type="text/javascript">
function loadmore() {
$.ajax({
                                type : 'GET',
                                url : '<%=path%>/blogs?page=' + page+'&rows=3',//请求地址，后台提供的,这里我在本地自己建立了个json的文件做例子
                                async: false,
                                dataType: "json",//数据类型可以为 text xml json  script  jsonp
                                success : function(data) {
                                    //console.log(data)
                                    //alert(data);
                                    if (data == "") {
                                        sover = 1;
                                        loadover();
                                        if (page == 1) {
                                            $("#no_msg").removeClass("hidden");
                                            $(".loadover").remove();
                                        }
                                    } else {
                                        var result = '';
                                            /*var obj = eval(data);
                                            for (var i = 0; i < obj.length; i++) {
                                                result += '<li>'
                                                        + obj[i].content
                                                        + parseInt(page + 1) + "-"
                                                        + i + '</a>' + '</li>'
                                            }*/

                                            var dataObj = data; //返回的result为json格式的数据
                                            $.each(dataObj, function(index, item){
                                                result += "<div><ul>";
                                                result += "标题：</br>";
                                                result += "<a href=";
                                                result += "${pageContext.request.contextPath }/user/blogContents?id="+item.id;
                                                result += ">"
                                                result += item.title
                                                result += "</a></br>";
                                                result += "内容："+item.content+"</br>";
                                                result += "发布人："+item.author+"</br>";
                                                result += "发布时间："+item.createTime+"</ul></div>";
                                            });
                                            console.log(result);    //可以在控制台打印一下看看，这是拼起来的标签和数据
                                            //$("#prolist").html(result); //把内容入到这个div中即完成

                                        // 为了测试，延迟1秒加载
                                        setTimeout(function() {
                                            $(".loadmore").remove();
                                            $('.prolist').append(result);
                                            page += 1;
                                            finished = 0;
                                            //最后一页
                                            if (page == 10) {
                                                sover = 1;
                                                loadover();
                                            }
                                        }, 1000);
                                    }
                                },
                                error : function(XMLHttpRequest, textStatus, errorThrown) {
                         alert(XMLHttpRequest.status);
                      alert(XMLHttpRequest.readyState);
                     alert(textStatus);
                                }
                            });
   }
</script>

@ResponseBody
    @RequestMapping(value = "/blogs", method = RequestMethod.GET, produces = "application/json")
    public  List<Blog> selectAllBlog(@RequestParam(required = false, defaultValue = "1") Integer page,
            @RequestParam(required = false, defaultValue = "5") Integer rows) {
        System.out.println(page);
        System.out.println(rows);
        ModelAndView mv = new ModelAndView();
        PageHelper.startPage(page, rows);
        List<Blog> list = blogService.selectAllBlog(page, rows);
        PageInfo<Blog> pageInfo = new PageInfo<Blog>(list);
        System.out.println("pageInfo=" + pageInfo);
        List<Blog> blogs = pageInfo.getList();
        for (int i = 0; i < blogs.size(); i++) {
            System.out.println(blogs.get(i));
        }
        return blogs;
    }