Cargar 2 archivos json en el mismo html
Publicado por Rafael Marrero (5 intervenciones) el 18/01/2020 15:52:39
Hola a todos, soy más que todo diseñador e ilustrador con experiencia en programación en Visual Basic y C# pero me toco hacer una página en php donde debo cargar dinámicamente 2 archivos json mediante ajax en el mismo html y la cuestión es que solo me carga uno. Que le debo modificar al código para que me carguen ambos? Dejo los fragmentos de código por acá, agradezco muchísimo su ayuda, Gracias
Este es el link de la pagina http://info-tickets.es/index54.html
Este es el link de la pagina http://info-tickets.es/index54.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<script>
var count = 0;$(document).ready(function(){
//fetchDataAndDisplay();newFunction();
});
function newFunction() {
axios.get('https://intranet.info-tickets.es/list_categories').then((response) => {
var data = response.data;
var start = count > 0 ? 5 * count : count;
var end = start + 5;
var str = '';
let url = "https://intranet.info-tickets.es/images/categories/";
for(var ii=start; ii<end; ii++){
str += '<div class="item-details" align="center">' +
'<div class="circle-border zoom-in" align="justify" style="color: #F29600; font-size: 25px"><img src='+url+data[ii].image+' style="width: 170px; height: 170px"></div><br><br>' +
data[ii].name + '<br><br>' +
data[ii].description +
'<div style="visibility: hidden">' + data[ii].user_id +
'' + data[ii].id + '</div>' +
'</div>'; }if(start == data.length){
count = 0;$(".display-data").empty();
$(".display-data").append("List Traversed. Start over!");
return;
}count++;
$(".display-data").empty();
$(".display-data").append(str);
}).catch((error) => {
console.log(error);
});
}</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<script>
var count = 0;$(document).ready(function(){
//fetchDataAndDisplay();newFunction();
});
function newFunction() {
axios.get('https://intranet.info-tickets.es/getServices/1').then((response) => {
var data = response.data;
var str = '';
let url = "https://intranet.info-tickets.es/images/services/";
for(var i=0; i<data.length; i++){
str += '<div class="item-details" align="center">' +
'<div align="center" style="color: #F29600; font-size: 25px"><img src='+url+data[i].image_service+' style="width: 370px; height: 370px"></div><br><br>' +
data[i].name + '<br><br>' +
data[i].description +
'<div style="visibility: hidden">'+ data[i].category_id +
'' + data[i].user_id +
'' + data[i].id + '</div>' +
'</div>'; }if(data == data.length){
count = 0;$(".display-data").empty();
$(".display-data").append("List Traversed. Start over!");
return;
}count++;
$(".display-data").empty();
$(".display-data").append(str);
}).catch((error) => {
console.log(error);
});
}</script>
Valora esta pregunta
0
