El envío de formularios con jQuery no funciona correctamente con IE8
jQuery$.ajax()
no parece funcionar correctamente con IE8 pero funciona con Firefox, Chrome y Safari. Estoy enviando el formulario y la respuesta de nuevo enJSON formato.
test.php:
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="jsFile.js"></script>
<form action='_test.php' method='post' class='ajaxform'>
<input type='text' name='txt' value='Test Text'>
<input type='submit' value='submit'>
</form>
<div id='testDiv'></div>
_test.php:
<?php
$arr = array( 'testDiv' => $_POST['txt'] );
echo json_encode( $arr );
?>
jsFile.js:
jQuery('.ajaxform').live('submit', function(event) {
$.ajax({
url : $(this).attr('action'),
type : $(this).attr('method'),
dataType: 'json',
data : $(this).serialize(),
success : function( data ) {
for(var id in data) {
jQuery('#' + id).html( data[id] );
}
}
});
return false;
});
Comportamiento:En Firefox, Chrome, Safari:
Cuando envío el formulario, el valor decampo de texto (txt) se ha completado con éxito enDIV (testDiv) sin molestar a toda la página.
En IE:
Cuando envío el formulario, solo muestra el formulario json en la pantalla de esta manera:{"testDiv":"Test Text"}
¿Cómo resolver este problema en IE?
Gracias.