Form Submition mit jQuery funktioniert nicht richtig mit IE8

jQuery$.ajax() scheint mit IE8 nicht richtig zu funktionieren, funktioniert aber mit Firefox, Chrome und Safari. Ich sende das Formular und die Antwort zurück in JSON Format

Hier ist mein Code:

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;
});

Verhalten

In Firefox, Chrome, Safari:

Wenn ich das Formular abschicke, ist der Wert vontextfield (txt) wurde erfolgreich in @ eingetragDIV (testDiv) ohne die ganze Seite zu stören.

Im IE:

Wenn ich das Formular abschicke, wird das json-Formular wie folgt auf dem Bildschirm angezeigt:{"testDiv":"Test Text"}

Wie löse ich dieses Problem im IE?

Vielen Dank

Antworten auf die Frage(12)

Ihre Antwort auf die Frage