Using jQuery to perform a GET request and using the resulting data

Question

I have a page, let's call it "callme.html" which only has this content:

abc

Now I want to fire the following:

$.get("callme.html", function (data) { alert(data); }, "text");

I am using jQuery 1.4.2 mini and the page is called but the alert is empty.

Any ideas why? I'd like the popup to contain abc

I've also tried the following

$.ajax({ url: "callme.html", async: false, success: function (data) { alert(data); } });

I tried it locally, but I got just “abc” returned. Do you have an example page? Did you look in e.g. Firebug's Net panel, to see if the file gets actually send (with correct headers)? — Marcel Korpel
– Marcel Korpel, Commented Jun 10, 2010 at 14:15
What browser? I tried with Chrome and it didn't work. I need something that will work cross-browser. I'll get back to you with an example page. — Filip Ekberg
– Filip Ekberg, Commented Jun 10, 2010 at 14:16
Silly question, but one worth asking - you definitely running this on a server i.e. via HTTP? — TheDeadMedic
– TheDeadMedic, Commented Jun 10, 2010 at 14:18
@Marcel, you can try this: frw.se/callme.html it actually worked in IE8 when I tied that now, but still the same in chrome. — Filip Ekberg
– Filip Ekberg, Commented Jun 10, 2010 at 14:18
Firefox 3.6.3, but just tried it in Chromium 5.0.375.70 (using a local web server) and still no problem, both running under Linux. — Marcel Korpel
– Marcel Korpel, Commented Jun 10, 2010 at 14:20

Incognito · Accepted Answer · 2010-06-10 14:22:46Z

1

Use chrome's developer tool, or fire bug. This lets you see any errors, or where the request went, if it was successful, etc...

answered Jun 10, 2010 at 14:22

Incognito

20.8k15 gold badges82 silver badges121 bronze badges

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

1 Comment

Marcel Korpel Over a year ago

@Filip: Yes, but your rep has to be 50 to be able to comment on other's questions and answers. That said, (s)he could have simply upvoted my first comment, which said the same.

artlung · Accepted Answer · 2010-06-10 14:17:56Z

0

Your $.get() call is fine. You need to wrap it so that it fires on load.

This works for me:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $.get("callme.html", function (data) { alert(data); }, "text"); }); </script>

answered Jun 10, 2010 at 14:17

artlung

33.5k19 gold badges76 silver badges124 bronze badges

6 Comments

Marcel Korpel Over a year ago

And it is fired, because an alert popped up.

artlung Over a year ago

Filip, if the callme.html file you are calling is on a different server than the firing page, it will fail, because of the same-origin policy. Is that what's happening?

Filip Ekberg Over a year ago

@artlung, what do you mean? Why does the files need to be on the same server?

artlung Over a year ago

Same-origin policy for JavaScript: developer.mozilla.org/en/Same_origin_policy_for_JavaScript

Filip Ekberg Over a year ago

So how do you solve that? By setting the document.domain each time you want to create an ajax query? How does google analytics solve this when they need to query a page on a totaly different domain?

|

Filip Ekberg · Accepted Answer · 2010-06-11 09:27:21Z

I solved it with using jsonp instead and using pre-loaded images in javascript.

 $.getJSON("www.mypage.com?callback=?", function (data) { requestid = data.guid; });

When you provide callback=? it will be replaced by getJSON with the appropriet identifier for the callback function.

However, now I must have control over mypage.com, which I have. So problem solved!

Collectives™ on Stack Overflow

Using jQuery to perform a GET request and using the resulting data

3 Answers 3

1 Comment

6 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

6 Comments

Comments

Related