$ .ajax在IE 8中不起作用

Question

I have tried to get my page to work in IE but this code does not work, it will not print out "Fooo!" as a Paragraf eg, nothing is shown. It does however do that in FF wihout any hickups;

 <script>
    $(document).ready(function(){                   
        $.ajax({
            type: "GET",
            url: "foo.xml",
            dataType: "xml",
            success: function(xml)              
            {
                var markup = "<p>Fooo!</p>"         
                $(markup).appendTo(".container");                                                           
            }
        });                                 
    });                     
</script>

If i make the printout without the "$.ajax" it works in IE without any problems. Works in IE;

 <script>
    $(document).ready(function(){                   
                var markup = "<p>Fooo!</p>"                                     
                $(markup).appendTo(".container");                               
    });                     
</script>

*Edit Im now sure that it does not read the .xml i added the code;

error: function(r, s, e) 
{            
alert(s);             
alert(e);        
} 

In the "$.ajax" and it resolves to "parseerror" and "undefiend" in IE. I have tried with diffrent XMLs that im pretty sure would work, this for example;

<?xml version="1.0" encoding="ISO-8859-1"?>
<fooo>
</fooo>

*Edit2 I tried loading a xml from the web (http://www.w3schools.com/xml/note.xml), it resulted in that it worked in IE but not in FF (same fault as prev on IE, "parseerror" and "undefined") any idea?

Any suggestion why the $.ajax (xml-read) dont work?

Answer 1

Change your error function to see what error is causing the problem:

error: function(r, s, e) {
            alert(s);
            alert(r);
       }

EDIT:

Maybe try to add 'content type':

...
dataType: "xml",
contentType: "application/xml; charset=ISO-8859-1",
...

Answer 2

please try to change <script>

to

<script type="text/javascript">

also :

 success: function(xml)              
            {
                var markup = "<p>Fooo!</p>"         
                $(markup).appendTo(".container:first");// I dont know how many you have...                                                           
             }

Answer 3

Does this solve your problem? http://bugs.jquery.com/ticket/5273

Also tried to load XML from another page on the internet?

Answer 4

I finally got it to work after finding and reading this; http://docs.jquery.com/Specifying_the_Data_Type_for_AJAX_Requests

So for IE the input needed to be parsed.

The final code looks like this;

        $.ajax({
            url: "fooo.xml",
            dataType: ($.browser.msie) ? "text" : "xml",                            success: function(data)                 
            {

                var xml;
                if (typeof data == "string") 
                {
                    xml = new ActiveXObject("Microsoft.XMLDOM");
                    xml.async = false;
                    xml.loadXML(data);
                } 
                else 
                {
                   xml = data;
                }

Thanks for all your help, really appreciated! :)