jQuery Ajax call returning '[object XMLDocument]'

Question

I have an HTML page which I want to populate using Ajax. I\'ve copied code from other pages, (which are all in PHP, and I\'m not sure if that matters), and it\'s returning

Answer 1

You can try the code below. I've just tested it on Firefox 15.0.1 and it works well:

$.post("include/get_help_videos.php", function(data)
{
    alert(data);
}, "text");

Answer 2

You need to include the datatype parameter on you AJAX call to indicate that you are simply expecting a text response:

function getSplashHelpVideos() {
    $.ajax({ 
        url: "include/get_help_videos.php",
        type: "POST",
        dataType: "text",
        success: function(data) {
            alert(data);
        }
    });
    return;
}

Answer 3

change your response type to html/text in get_help_videos.php file

Answer 4

try to set the content type of response to text/html first then say echo "ok" like this:

header('Content-type: text/html');

I got the same problem here and it solved this way only, since when we does not specify the content type of the response every browser treats the response in different format as and so.

Answer 5

You just need to tell the datatype(which direct the browser you are expecting response in the mentioned format only,e.g.: "text" format) . In this case I tested this in firefox and mozilla.and it works.. :)

Check the Response in firefox/Mozilla - you can also verify the coming response after ajax request... follow the below steps-- press F12 in firefox/mozilla --> go to "Console" tab --> go to "Response" sub tab. :)

function GetEmployeeListWS_REST() {        
            jQuery.ajax({
            url: "http://localhost:8080/RESTDemo/rest/hello/helloXML",
            async: false,
            type: 'GET',
            contentType: "text/xml; charset=utf-8",                
            dataType: "text",
             crossDomain: true,
            //data: packet,
            error: function (xhr, textStatus, errorThrown) { alert(xhr + ' ' + textStatus + '' + errorThrown); },
            success: function (response, status, xmlData) {

                $("#EmployeeDetailsWs").text(response);                    
            }
        });

    } // ends : fun()