Estou fazendo um site que possui requisições ajax
e área de login. O problema é que quando crio um formulário dentro de uma modal em bootstrap
para o usuário fazer login, minhas requisições ajax
param de funcionar.
Código do formulário dentro do modal
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Conteúdo -->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Digite os dados para fazer o login</h4>
</div>
<div class="modal-body">
<form name='form1' class="form-horizontal" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="POST">
<div class="form-group">
<label class="control-label col-sm-2" for="login">Login:</label>
<div class="col-sm-4">
<input type="text" class="form-control" name="login" id="login" placeholder="Digite o login" required>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="senha">Senha:</label>
<div class="col-sm-4">
<input type="password" class="form-control" name="senha" id="senha" placeholder="Digite a senha" required>
</div>
</div>
<div class=text-right>
<div class="form-group">
<div class="col-sm-4">
<button type="submit" class="btn btn-primary">Acessar</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
Código que faz a requisição ajax:
function buscaEndereco(cep)
function buscaEndereco(cep) {
$.ajax({
url: 'php/buscaEndereco.php',
type: 'POST',
async: true,
dataType: 'json',
data:
{
'cep': cep
},
success: function (result) {
if (result != "") {
document.forms[0]["rua"].value = result.logradouro;
document.forms[0]["numero"].value = result.numero;
document.forms[0]["bairro"].value = result.bairro;
}
},
error: function (xhr, status, error) {
alert(status + error + xhr.responseText);
}
});
}
Não consegui identificar o que uma coisa interfere na outra, caso eu tire o form do modal, volta a funcionar.
buscaEndereco
?buscaEndereço
, quero saber também se ao clicar no submit os dados são enviados ?function buscaEndereco(cep)
?document.forms[0]
é oform
de login, se tiver outro form na página, vai ter que chamar assim:document.forms[1]