Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Wellington Silvério

[Resolvido] Problemas com Ajax no IE

Por , em Desenvolvimento frontend

Recommended Posts

Wellington Silvério    0

Wellington Silvério
Postado

Boa Noite Galera.

 

Preciso de uma ajudinha.

 

Seguinte.

 

Tenho uma página com um formulário que será enviado via Jquery.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Faça Login</title>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
	jQuery('#frm_logar').submit(function(){
		var dados = jQuery( this ).serialize();
		document.getElementById("resultado").innerHTML =  '<img src="js/ajax-loader.gif" />';
		jQuery.ajax({
			type: "POST",
			url: "logar.php",
			data: dados,
			success: function( data )
			{
				document.getElementById("resultado").innerHTML =  data ;
			}
		});

		return false;
	});
});
</script>	


</head>

<body>

<div id="resultado"></div>

<form name="frm_logar" id="frm_logar" method="post">
<input type="text" name="login" id="login" />
   <input type="submit" name="enviar" id="enviar" value="Enviar" />
</form>
</body>
</html>

 

e tenho a página que vai receber

 


<?

echo '<script>alert("Teste")</script>';

?>

 

O problema é o seguinte , no IE ele não da o alert.

 

Coloquei os arquivos bem simples, mas eu irei utilizalos para fazer um login e senha.

Compartilhar este post

Link para o post
Compartilhar em outros sites

angelorubin    142

angelorubin
Postado

Boa noite,

 

Testa assim:

 

HTML/JQUERY

<!doctype html>
<html lang="pt-br">
<head>
<meta charset="utf-8">

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('#frm_logar').submit(function(){
		var dados = $( this ).serialize();
		// document.getElementById("resultado").innerHTML =  '<img src="js/ajax-loader.gif" />';
		$.ajax({
			type: "post",
			url: "logar.php",
			data: dados,
			success: function( data ){
				console.log(data);
				//  document.getElementById("resultado").innerHTML =  data ;
			}
		});
	return false;
	});
});
</script>       


</head>

<body>

<div id="resultado"></div>

<form name="frm_logar" id="frm_logar" method="post">
<label>Login</label>
<input type="text" name="login" id="login" />
<br/>
   <label>Senha</label>
   <input type="password" name="password" id="senha"/>
   <br/>
   <input type="submit" name="enviar" id="enviar" value="Enviar" />
</form>
</body>
</html>

 

logar.php

<?php
$dados = $_POST;
print_r($dados);
?>

 

Se você tem/utiliza o Firefox, abra o firefox e aperte F12, com o Firebug aberto, clique na aba console, veja o que tens de retorno.

 

Deve ser algo assim:

 

Array
(
   [login] => a
   [password] => b
)

 

Levando em conta que coloquei a e b no login e senha respectivamente.

 

Testei no IE7/8/9 e tudo tranquilo também.

 

Espero que ajude.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wellington Silvério    0

Wellington Silvério
Postado

Valeu Angelo.

 

Eu não sabia desta.

 

Mas eu consegui resolver aqui com uma gambiarra, sei que não o apropriado mas veja o que eu fiz.

 

Fiz uma validação se caso eu der um echo "sucesso"; no outro arquivo eu sei que tudo ocorreu conforme esperado, ai se não eu imprimo o erro na div.

success: function( data )
			{

				if(data=='sucesso') {
					window.location.href ='inicio.php';
				}else{	
				document.getElementById("resultado").innerHTML =  data;
				}

			}

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito