为什么我的jQuery Ajax调用不成功

Question

I am developing my web app and run it on localhost:8080, in my js file, I have an ajax call to get xml data from server:

$.ajax({
        url: 'http://COMPANY_DOMAIN.com/company-interface/the-id',
        type: 'GET',
        async: false,
        dataType: 'application/xml',
        data: {id: 43},
        success: function(data) {

            alert(data);

        },
        error: function(xhr, status, error){
            alert('error happens');
        }
     })

I can access the url http://COMPANY_DOMAIN.com/company-interface/the-id/?id=43 which will show the xml result on browswer, but my above ajax call always go to error function.

I checked in firebug, the 'xml' tab shows " XML Parsing Error: no element found Location: moz-nullprincipal:{9fd0dca8-cf07-4401-b1de-ab04e8aa00bc} Line Number 1, Column 1 :" and firebug shows the URL GET is http://COMPANY_DOMAIN.com/company-interface/the-id/?id=43& =1302610001570 .

Why firebug GET shows the " ...& =1302610001570 "? what does it means? why my ajax call is failed, though I can access that URL?

----------------EDIT---------------

Hi, I changed to use localhost request like:

$.ajax({
            url: 'http://localhost:8080/company-interface/the-id',
            type: 'GET',
            async: false,
            dataType: 'xml',
            data: {id: 43},
            success: function(data) {

                alert(data);

            },
            error: function(xhr, status, error){
                alert('error happens');
            }
         })

But I got the same error... more suggestions please... thank you.

Answer 1

This is possibly due to cross domain access control . You are accessing the site which is on your machine which tries to connect to another website. This is not allowed unless you define Access-Control-Allow-Origin headers.

Also as @Craig said, content type as xml is needs to be changed.

Answer 2

Try Below code :

 $.ajax({
            url: 'http://localhost:8080/company-interface/the-id',
            type: 'GET',
            async: false,
            dataType: 'text',
            data: {id: 43},
            success: function(data) {

            // Assume response like..
            // <note>
            //    <from>Jani</from>
            //    <to>Tove</to>
            //    <message>Remember me this weekend</message>
            //  </note>

            xmlDoc = $.parseXML( data ),
            $xml = $( xmlDoc ),
            $message = $xml.find("message")
            alert($message.text());
            $("#xmlResonse").html($message.text());

        },
        error: function(xhr, status, error){
            alert('error happens');
        }
     })

Answer 3

Javascript is subject to the same origin policy . Your script running on localhost can't access COMPANY_DOMAIN.com.

Answer 4

change your datatype to application/xml or text/xml

As the other comment suggests, is your URL on another domain? If not then try using relative URL's instead.

Answer 5

1302610001570 is for measuring response,

did you checked if the response create valid xml?