jQuery getJSON url

Question

I am setting up a twitter feed into my site and have it working perfectly when you access it with a root page ie www.domain.com/index.php

However when you have a url that is www.domain.com/category/page it doesn't not work, however if you use www.domain.com/index.php?cat=category&page=page it works fine.

So in the javascript I have the following

jQuery(function() {
    jQuery.getJSON('cache/twitter-json.txt', function(data){
    jQuery.each(data, function(index, item){
    jQuery('#tweet').append('code for displaying tweet');
});
});

So I have tried to change the url in the getJSON function to the full path www.domain.com/cache/twitter-json.txt but that doesn't work.

Barmar · Accepted Answer · 2013-05-30 19:21:25Z

8

Try:

jQuery.getJSON('/cache/twitter-json.txt', function(data){

Relative URLs are interpreted relative to the directory of the page containing the reference. So when you make the above call from www.domain.com/category/page, it tries to go to www.domain.com/category/cache/twitter-json.txt.

If you want to use the full URL, you need to put // before the hostname, e.g.

jQuery.getJSON('//www.domain.com/cache/twitter-json.txt', function(data){

Otherwise, it thinks www.domain.com/ is just another level of directory.

answered May 30, 2013 at 19:21

Barmar

789k57 gold badges555 silver badges669 bronze badges

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

7 Comments

shuka Over a year ago

Thanks Barmar that make sense but unfortunately thats not fixed it, it has also stop working in the domain.com/index.php

Barmar Over a year ago

Maybe there's a rewrite rule that's messing with it? Otherwise, it should work like this.

shuka Over a year ago

The only rewrite rules i have are RewriteRule ^([^/\.]+)/?$ index.php?page=$1 [L] RewriteRule ^([^/\.]+)/([^/\.]+)/?$ index.php?page=$1&game=$2 [L]

Barmar Over a year ago

Can you check your access log to see what URL it's trying to access for twitter-json.txt, and compare that with where the file really is?

shuka Over a year ago

Nothing in there that is telling what is causing the issue, the file paths look right

|

Orangepill · Accepted Answer · 2013-05-30 19:21:04Z

2

change

jQuery.getJSON('cache/twitter-json.txt', function(data){

to

jQuery.getJSON('/cache/twitter-json.txt', function(data){

answered May 30, 2013 at 19:21

Orangepill

24.7k3 gold badges44 silver badges64 bronze badges

Comments

steven · Accepted Answer · 2013-05-30 19:22:07Z

-1

Maybe it helps to set the base in your html

<base href="http://myserver/dir1/">

answered May 30, 2013 at 19:22

steven

4,8952 gold badges31 silver badges61 bronze badges

Collectives™ on Stack Overflow

jQuery getJSON url

3 Answers 3

7 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

7 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related