后端list集合如何简单展示到html页面

***controller***

```java
@RestController
public class ProController {
    @Autowired
    private ProductService productService;

    @RequestMapping(value="getProAll")
    public List<Product> all(){
        return productService.selectProAll();
    }

}



******
$(window).load(function(){
            var str="";//定义用于拼接的字符串
            $.ajax({
                url: "http://mjumkgc.hn3.mofasuidao.cn/wechat/getProAll.do",
                type: "post",
                async: false,//是否异步请求
                success: function (data) {
                    /*这个方法里是ajax发送请求成功之后执行的代码*/
                    for (var i = 0; i < data.length; i++) {
                        str+="<div>"+data[i].productName+"</div>";
                    }
                    //追加到div中
                    $(".pp").append(str);
                
                }

            })
    });



*********html代码


<div class="pp">	</div>