jQuery.get() doesn't work for me.. but .load does

Question

I am trying to use jQuery.get(), since .load only loads the html snippet, but the jquery css isn't applied on this content.

$("#content").load("home.html", function() {
            });


$.get('home.html', function(data) {
            $('.content').html(data);
            alert('Load was performed.');
            });

When I type '#content' it loads an empty page. What means this data? Do I have to name something data to make it work?

Thanks!

^^^ what he said, you're mixing up selectors, otherwise they are exactly the same. — adeneo, Jun 15 '13 at 16:34

TGH · Answer 1 · 2013-06-15T16:39:27.093

0

$.get('home.html', function(data) {
            $('.content').html(data);
            alert('Load was performed.');
            });

You seem to be referring to the target in two different ways. #content vs .content.

Possibly it should be

$.get('home.html', function(data) {
            $('#content').html(data);
            alert('Load was performed.');
            });

edited Jun 15 '13 at 16:39

answered Jun 15 '13 at 16:31

TGH

38,769
12
102
135

"When I type '#content' it loads an empty page." – user2437856 Jun 15 '13 at 16:53
1

I would inspect "data" in a JS debugger to check its content – TGH Jun 15 '13 at 17:02

score 0 · Answer 2 · answered Jun 15 '13 at 16:38

0

I think there is a problem in your selector in the get callback handler.

$.get('home.html', function(data) {
    $('#content').html(data);//Note #content, you are using .content
    alert('Load was performed.');
});

answered Jun 15 '13 at 16:38

ShankarSangoli

69,612
13
93
124

2

That's genius, why didn't anyone think of that ? – adeneo Jun 15 '13 at 16:40
"When I type '#content' it loads an empty page." – user2437856 Jun 15 '13 at 16:54

score -1 · Answer 3 · edited May 23 '17 at 10:25

-1

load() and get() are very different functions, check out: AJAX jQuery.load versus jQuery.get

Check the path of "home.html" and take a look at the result (data) you get. I guess, your data in "home.html" is not what you or $.get() is expecting.

As already mentioned: maybe you confused ".content" and "#content"!

$.get('home.html', function(data) {
    alert("Result: " + data);
});

edited May 23 '17 at 10:25

Community

1
1

answered Jun 15 '13 at 16:37

Mr. B.

8,041
14
67
117

1

load() is just a shortcut for $.get() that also inserts the content, so they aren't that different ? – adeneo Jun 15 '13 at 16:39
@adeneo: as you already mentioned: they are different. Maybe not that different in your opinion, but they are! :) – Mr. B. Jun 15 '13 at 16:41

jQuery.get() doesn't work for me.. but .load does

3 Answers3