Icareabout
2021-06-21 16:13
采纳率: 100%
浏览 61

ajax获取json数据显示到html

$.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);

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

6条回答 默认 最新

  • CSDN专家-showbo 2021-06-21 16:25
    已采纳

    页面放个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>

     

    点赞 1 打赏 评论
  • 你这个提问是有什么问题呢?把问题描述一下。

    网页用到了什么框架吗?

    这个列表首先要绑定一个table,把值设置到td里面,然后通过html显示。

    点赞 打赏 评论
  • 404警告 2021-06-21 16:18

    可以用p标签分开 如果用li也可以

    $("#stockLists").append("<li>"+data.data.XX+"</li>");
    点赞 打赏 评论
  • Icareabout 2021-06-21 16:38

    这个方法不行 

    点赞 打赏 评论
  • Icareabout 2021-06-21 16:43

    这个方法获取不到数据

    点赞 打赏 评论
  • Icareabout 2021-06-21 17:02

    有办法可以按照红色框在隔开一下吗?

    点赞 打赏 评论

相关推荐 更多相似问题