Follow the code:
$("#l_linha").change(function(){
var linha = $(this).val();
var dados = $("#l_linha").serialize();
$.ajax({
type: 'POST',
dataType: 'json',
url: 'buscarPonto.php',
async: true,
data: dados,
success: function (response) {
console.log(response);
for(i = 0; i < response.length; i++){
var localizacao = new Array(response.length);
localizacao[i] = L.latLng(response[i].lat, response[i].lng);
console.log(localizacao[i]);
$("#r_ponto").val(response[i].id);
var ponto = new Array();
ponto[i] = $("#r_ponto").serialize();
var address = new Array();
address[i]= response[i].address;
var ultimo = new Array();
var proximo = new Array();
$.ajax({
type: 'POST',
dataType: 'json',
url: 'buscarHorario.php',
async: true,
data: ponto[i],
success: function (response) {
console.log(localizacao[i]);
for(j = 0; j < response.length; j++){
ultimo[j] = response.ultimo;
proximo[j] = response.proximo;
}
}
});
L.marker(localizacao[i], {icon: icone}).addTo(map).bindPopup(address[i] +'<br><span>Próximo horário:'+ ultimo[j] +'</span>').openPopup();
}
});
});
The problem is that the last variable [j] gets undefined. And if I do the part:
L.marker(localizacao[i], {icon: icone}).addTo(map).bindPopup(address[i] +'<br><span>Próximo horário:'+ ultimo[j] +'</span>').openPopup();
into the for (j = 0; j