Я пытаюсь вызвать API и отобразить данные в виде списка, проблема, с которой я сталкиваюсь, заключается в том, что я могу разбить список и отобразить его на HTML-странице, но мне нужно отобразить соответствующую меткуданные.Любая помощь в этом отношении высоко ценится.Спасибо ..
Данные, которые я получил от вызова API:
[[236,1, "1537890525704.jpg", "", "Жилой", "Аренда", 1200], [235,1, null, "", "Residential", "Rent", 10000]]
Способ отображения данных на моей HTML-странице:
Я хочу отобразить соответствующий ярлык для данных, например: Код недвижимости: 236 Количество спален: 1 Тип недвижимости: Жилой и т. Д...
client.html
<html>
<head>
<title>Test client application</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="cleint.js"></script>
<style>
.card {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
width: 40%;
}
.card:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.container {
padding: 2px 16px;
}
</style>
</head>
<body>
<p id="msgs" class="card container"></p>
client.js
$(document).ready(function() {
$.ajax({
url: "http://192.168.1.5:8000/fetch",
success: function(data){
var c=data;
}
}).then(function(data) {
var text = "";
var res = "";
var i;
for(var i=0; i<data.length; i++){
var prop = data[i];
for(var j=0;j<prop.length;j++){
$('#msgs').append($('<div>').text(prop[j]));
}
}
});
function display(str) {
$('#msgs').append($('<div>').text(str));
}
});