Bom dia!
Eu tenho uma função que varre um arquivo JSON em busca de informações compatíveis com a busca que será realizada. Funcionar normalmente. Mas o que eu quero é, exibir o resultado dessa busca em um modal.
Consigo exibir normalmente em um alert(), mas não consigo num modal, criado por bootstrap.
Poderiam me ajudar? (Não sei se fui claro o suficiente)
var estadoClicked = "";
function disparar() {
var el = document.getElementById('local');
el.addEventListener('click', function(e) {
estadoClicked = e.target.id;
executando();
});
}
var locais = "";
var texto1 = "";
var texto2 = "";
var texto3 = "";
var texto4 = "";
var texto5 = "";
var texto6 = "";
var texto_final = "";
var dados_cidades = "";
function executando() {
var obj, dbParam, xmlhttp, myObj, x, txt = "";
obj = {
"table": "customers",
"limit": 20
};
dbParam = JSON.stringify(obj);
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myObj = JSON.parse(this.responseText);
txt += "<table border='1'>"
for (x in myObj) {
if (myObj[x].estadoSigla == estadoClicked) {
if (myObj[x].existe == 'true') {
locais += "<strong>" + myObj[x].estado + "</strong>" + "<br/>" + myObj[x].cidade + "<br/>";
}
}
}
txt += "</table>"
//dados_cidades RECEBE O CONTEUDO REALIZADO APARTIR DA PESQUISA NO ARQUIVO JSON:
var dados_cidades = document.getElementById("demo").innerHTML = locais;
//GERANDO O TEXTO QUE SERÁ EXIBIDO POSTERIORMENTE:
var texto1 = "<h2>Olá!</h2>";
var texto2 = "<h4>Obrigado por consultar a Next.</h4>";
var texto3 = "<h4>Atualmente, já existem unidades neste Estado.</h4>";
var texto4 = "<h4>Mas fique <strong>tranquilo!</strong></h4>";
var texto5 = "<h4>Na next, seu espaço está RESERVADO!</h4>";
var texto6 = "<h4>Envie-nos seu email e entraremos em contato:</h4>";
var texto_final = texto1 + texto2 + texto3 + "<h2>" + dados_cidades + "</h2><br/>" + texto4 + texto5 + texto6;
//EXIBINDO O RESULTADO APARTIR DE UM ALERTA:
//bootbox.alert(texto_final);
}
};
xmlhttp.open("POST", "json_estados.php", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send("x=" + dbParam);
}