ajax获取json数据显示到html

Question

$.ajax({  
		type: "GET",
		url:"url",  
		dataType : "json", 
		data: {"code":code},
		success : function(data){
			$('#btitle').html(data.data.title);
			$('#date').html(data.data.date);
			$('#stock').html(data.data.stock);
			$('#bond').html(data.data.bond);
			$('#cash').html(data.data.cash);
			$('#total').html(data.data.total);
			$('#stockLists').html(data.data.stockList);
			
			
			for(var i=0;i<data.stocklists.data.length;i++){
				var dist=data.stocklists.data[i];
			}
			
			
		},
		error: function(data){ 
			alert('数据访问异常');
			console.log('提示：数据访问异常'); 
			} ,
	});

请问这个怎么加li 然后分开显示

$('#stockLists').html(data.data.stockList);

Answer 1

页面放个ul标签，生成li的html加入就行了，看下面加粗部分。帮助到你能点个采纳吗，谢谢~~

<style>
    table.good {border-collapse:collapse;}
    table.good td{border:solid 1px #999;padding:3px 5px}
</style>
<table class="good" id="ulList"></table>
<script>
    $.ajax({
        type: "GET",
        url: "url",
        dataType: "json",
        data: { "code": code },
        success: function (data) {
            $('#btitle').html(data.data.title);
            $('#date').html(data.data.date);
            $('#stock').html(data.data.stock);
            $('#bond').html(data.data.bond);
            $('#cash').html(data.data.cash);
            $('#total').html(data.data.total);

            var html = '';
            for (var i = 0; i < data.stockList.length; i++) {
                html += '<tr><td>' + data.stockList[i].join('</td><td>') +'</td></tr>';
            }
            $('#ulList').html(html)

        },
        error: function (data) {
            alert('数据访问异常');
            console.log('提示：数据访问异常');
        },
    });
</script>