gpt4 book ai didi

javascript - 将 JSON 结果(以 html 格式)转换为包含两列的表格

转载 作者:行者123 更新时间:2023-11-28 18:14:41 25 4
gpt4 key购买 nike

我正在尝试将 JSON 结果加载到表中的两列中:这是我的 HTML 代码:

<script>

var i;

$(document).ready(function(){

$.ajax({
type : "POST",
url : "http://localhost/ion/ver_comp.php",
async : true,
success : function(datos) {
var dataJson = eval(datos);

for ( i in dataJson) {

$("#content").append("<img src='"+dataJson[i].imagen+"' />");

}

},
error : function(obj, error, objError) {
//avisar que ocurrió un error
alert("ERROR DE CONEXION CON SERVIDOR");
}

});

});

</script>

</head>

<body>

<div id="content">
</div> <!-- /content -->


</body>

这是我的 JSON 代码(来自 PHP 脚本):

[
{
"cod": "1",
"nombre": "Target HR",
"imagen": "http://i.imgur.com/DFLF20G.png"
},
{
"cod": "2",
"nombre": "BCP",
"imagen": "https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcT3JhpDOH-cK-d2QF3RflbSc6dgb1ELCblX6UWiX63S3OzKST0r"
},
{
"cod": "3",
"nombre": "Gloria",
"imagen": "http://cdnimg.perulactea.com/wp-content/uploads/2009/08/Gloria1.JPG"
},
{
"cod": "4",
"nombre": "Cristal",
"imagen": "http://filmsperu.pe/New/Images/Noticias/content/CRISTAL_YR_15_06_2011/670x02.gif"
}
]

问题是在两列中显示“图像”(来自 json)。我只是不知道如何...

问候..

最佳答案

试试这个:

这将添加一个 div(它会换行,因为它是 block 元素)(与内联元素 img 相反)

 for (var i=0;i<dataJson.length;i++) {

if (i%2==0) $("#content").append("<div/>")
$("#content").append("<img src='"+dataJson[i].imagen+"' />");
}

这看起来像 2 列。

附注如果您像在表中一样谈论 2 列,那是另一回事。 (路上的代码):

如果你有 table :

 var dataJson = eval(t);

var row=0;
for (var i=0;i<dataJson.length;i++)
{
row=Math.round((0.4)*Math.floor(i)); //row number trick is here.

$("table tr").eq(row).find("td").eq(i%2).append("<img src='"+dataJson[i].imagen+"' width='100'/>");
}

http://jsbin.com/arojaw/3/edit

enter image description here

关于javascript - 将 JSON 结果(以 html 格式)转换为包含两列的表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18072973/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com