Problems using ajax to load into a variable

Question

I'm trying to use the $.get() function to load a portion of a website into a variable to us later. The code I currently have is:

$(document).ready(function(){
var container;
function loadData(data, targetVar) {
  container = data;
}

$.get('page.html#div', loadData(container));

the problem is the callback function keeps firing before the page loads leaving the variable with an undefined value.

Zbigniew · Accepted Answer · 2012-08-31 15:40:19Z

2

You are executing function with this code:

loadData(container)

This means that you are not passing handler to function, but results of your function. You also need to pass data returned by $.get into your function.

You can put it inside anonymous function:

$.get('page.html#div', function(data) { loadData(data, container); });

edited Aug 31, 2012 at 15:40

answered Aug 30, 2012 at 15:10

Zbigniew

27.6k6 gold badges62 silver badges68 bronze badges

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

1 Comment

jppower175 Over a year ago

I'm still getting the same result using the anonymous function call

xdazz · Accepted Answer · 2012-08-30 15:13:48Z

1

If you just want to load part of the remote document, you could use .load method.

$(document).ready(function(){
  $('#container_id').load('page.html #div');
}

answered Aug 30, 2012 at 15:13

xdazz

161k38 gold badges255 silver badges278 bronze badges

1 Comment

jppower175 Over a year ago

Had to reword the page and this was what I went with. Thank you.

Collectives™ on Stack Overflow

Problems using ajax to load into a variable

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related