jquey渲染数据

//渲染的div
<div></div>

 
//引入jquery
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>  
<script>    
    $(function(){    
        $.ajax({    
            //请求方式    
            type:"POST",    
            //接口路径    
            url:"",  
            //返回数据格式为json,也可以是xml   
            dataType: "json",    
            //请求成功后要执行的函数,拼接html    
            success: function(data){
                //json转换
                //var res = JSON.parse(data);    
                var str="<ul>";    
                $.each(data,function(i,n){    
                    str+="<li>"+"ID:"+n.id+"</li>";  
                    str+="<li>"+"内容:"+n.title+"</li>";  
                });    
                str+="</ul>";    
                $("div").append(str);    
            }    
        });    
    });    
</script>    

猜你喜欢

转载自blog.csdn.net/qq_35960620/article/details/83501718