JQuery .Ajax returned data as Object not HTML

Question

I'm trying to return some information from an .ajax function but I'm having trouble extracting the data I need from the requested page .ajax function looks like this:

$.ajax({
          type: 'get',
          async:   false,
          url: "www.site.com",
          success: function(Data) {
            return Result = $(Data).filter('#ReturnedInfo');
          },
          error: function(Data) { 
            return Result = "no"; 
          }

        });
      $('#ShowReturned').append("Start"+Result+"end");

Yet on the page all that is being appended is Start[object Object]end or null, depending on the method I choose. (returning Data itself successfully appends the entire page)

I've had a look at some other questions on the site that seem to be having similar problems but none of the solutions appear to work.

Any help is greatly appreciated.

harsh · Accepted Answer · 2013-04-04 10:42:53Z

1

Try this

Result = $(Data).find('#ReturnedInfo').get(0);
var container = document.createElement("div");
container.appendChild(Result.cloneNode(true));

$('#ShowReturned').append("Start"+container.innerHTML+"end");

Tis is a workaround but this should solve your purpose.

answered Apr 4, 2013 at 10:42

harsh

1,55113 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Gavin Over a year ago

Many thanks. This does work. For simplicity's sake I've just moved the part of the document I'm trying to retrieve to the top, and have ended the response once done so. Then I can just return the entire page as-is. The joys of ADODB and .ASP.

Collectives™ on Stack Overflow

JQuery .Ajax returned data as Object not HTML

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related