jquery read in HTML file and return the file as an object-why doesn't it work?

Question

I'm wondering if maybe this code doesn't work because you can't return a JQuery object from a function. This code doesn't work:

var HTML_FILE_URL = '/Solutions1.htm';
var strAll = $.get(HTML_FILE_URL, function (data) {
                      var fileDom = $(data);
                      return fileDom;
                });
 $("#qapagediv").append(strAll.html());

However, this code does work:

 var strAll = $.get(HTML_FILE_URL, function (data) {
         var fileDom = $(data);
         $("#qapagediv").append(fileDom);
         return fileDom;
  });

Take a look at the .done() method of Deferred Objects.

rink.attendant.6
– rink.attendant.6

2013-07-31 18:33:54 +00:00
Commented Jul 31, 2013 at 18:33 — rink.attendant.6
– rink.attendant.6, Commented Jul 31, 2013 at 18:33

kalley · Accepted Answer · 2013-07-31 18:33:16Z

4

Your problem is that $.get returns a $.Deferred().promise(), not the return value from your callback.

answered Jul 31, 2013 at 18:33

kalley

18.5k2 gold badges41 silver badges37 bronze badges

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

Comments

Louis Ricci · Accepted Answer · 2013-07-31 18:47:53Z

0

Check the documentation for $.get() http://api.jquery.com/jQuery.get/ it doesn't return the value of a callback. Functions with callbacks for success generally run asynchronously.

You could perform your task inside of the callback function

$.get(...).done(function(data) { 
    var strAll = $(data);
    $("#qapagediv").append(strAll);
});

To do things like your first example you need to run your AJAX request synchronously. Synchronously means it's completed before execution moves on to the next line.

var strAll = null;
$.ajax({
    url: HTML_FILE_URL
    success: function(result) {
        strAll = $(data);
    },
    async: false
});
...
$("#qapagediv").append(strAll.html());

edited Jul 31, 2013 at 18:47

answered Jul 31, 2013 at 18:38

Louis Ricci

21.1k5 gold badges50 silver badges64 bronze badges

Collectives™ on Stack Overflow

jquery read in HTML file and return the file as an object-why doesn't it work?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related