Como fazer requisições de páginas diferentes e exibir na mesma página?
Olá!!Galera, to tentando construir um formulário dinâmicamente com ajax, você seleciona por exemplo: homem ou mulher e ele vai exibir as demais opções de acordo com a seleção que você fez.Eu estou dividindo os componentes do formulário em "modulos" (páginas diferentes) para exibir os resultados em partes diferentes da página.O problema é que só está exibindo o conteúdo da última página requisitada.a idéia de código que eu tive foi essa:
> function escolhaFormulario(tipo) { if(tipo==1) { MaodeObra(1); Aparencia(1); }}function constroiFormulario() { if (window.XMLHttpRequest) { http_request = new XMLHttpRequest(); if (http_request.overrideMimeType) { http_request.overrideMimeType('text/xml'); } } else if (window.ActiveXObject) { try { http_request = new ActiveXObject("Msxml12.XMLHTTP"); } catch (e) { try { http_request = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {} } }}function MaodeObra(tipo) { http_request = false; constroiFormulario(); if (!http_request) { return false; } var now = new Date(); if(tipo==1) { var url01="modulos/maodeobra_ext.php?version="+now.getMilliseconds(); http_request.onreadystatechange = exibeMaodeObra; http_request.open('GET', url01, true); http_request.send(null); } return false;}function exibeMaodeObra() { if (http_request.readyState==4 || http_request.readyState=="complete") { if (http_request.status==200) { document.getElementById("MaodeObra").innerHTML = http_request.responseText; } else { document.getElementById("MaodeObra").value="erro"; } }}function Aparencia(tipo) { http_request = false; constroiFormulario(); if (!http_request) { return false; } var now = new Date(); if(tipo==1) { var url02="modulos/aparencia_ext.php?version="+now.getMilliseconds(); http_request.onreadystatechange = exibeAparencia; http_request.open('GET', url02, true); http_request.send(null); } return false;}function exibeAparencia() { if (http_request.readyState==4 || http_request.readyState=="complete") { if (http_request.status==200) { document.getElementById("Aparencia").innerHTML = http_request.responseText; } else { document.getElementById("Aparencia").value="erro"; } }}
no HTML
<tr> <td> <select onchange="escolhaFormulario(1)"> <option label="" value="1">Externa</option> <option label="" value="2">Interna</option> </select> </td> </tr><!-- Modulo 1 --> <tr> <td id="MaodeObra"> </td> </tr><!-- Modulo 2 --> <tr> <td id="Aparencia"> </td> </tr>
Eu não conseguir pensar em outra maneira de fazer requisições em páginas diferentes a não ser essa..O único problema que só exibe o resultado da útima requisição feita, se eu comento alguma das funções na função escolhaFormulario() "podemos chamar a escolhaFormulario de construtura do formulário" aparece o resultadoObrigadãooo
Discussão (2)
Carregando comentários...