Ajax "Failed to load resource"

Question

jQuery('input').live('click',function(e){
    $.getJSON(
        "/json.php",
        function(data){
            the_name = data.name;
        }
    );

});

When we press , it should make a json query.

Bit it gives errors.

In Google Chrome console:

Failed to load resource http://site.com/json.php
Uncaught TypeError: Cannot read property 'name' of null

In Firefox console:

GET http://site.com/json.php - is bolded with red color.
data is null; the_name = data.name;

The strange is when I open http://site.com/json.php, browser gives me a normal json code like: {"name":"Mary"}. It is encoded with php json_encode();

What is the problem?

Is your script location on site.com? You cannot make cross-domain ajax requests. en.wikipedia.org/wiki/Same_origin_policy — Horia Dragomir
– Horia Dragomir, Commented Feb 2, 2011 at 20:07

alexl · Accepted Answer · 2011-02-02 20:04:54Z

1

maybe your json string is not correct:

try

$.get("/json.php", function(data) {alert(data)});

if you see you data in the alert box try:

$.get("/json.php", function(data) {
  var obj = $.parseJSON(data);
  alert(obj.name)
});

answered Feb 2, 2011 at 20:04

alexl

6,8083 gold badges26 silver badges29 bronze badges

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

1 Comment

alexl Over a year ago

If the first test didn't worked that means you have a problem with your script php. The request you make is on the same domain ?

Darin Dimitrov · Accepted Answer · 2011-02-02 20:01:46Z

0

Your json.php script didn't set the Content-Type: application/json HTTP header?

answered Feb 2, 2011 at 20:01

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

6 Comments

James Over a year ago

it has header('Content-Type: application/json; charset=utf-8');

Darin Dimitrov Over a year ago

@Happy, well then everything seems to be fine. That's very weird. Does FireBug show a JSON tab in the response?

James Over a year ago

tryed to remove, nothing changes

James Over a year ago

@Darin Dimitrov no, there are 3 tabs under the request value site.com/json.php, headers are sent, but the answer tab is empty

Darin Dimitrov Over a year ago

@Happy, there seems to be some problem with the server. There must be a Response tab and a JSON tab.

|

Erikk Ross · Accepted Answer · 2011-02-02 20:11:36Z

0

Load up Firebug and check the request and response using the Console. Make sure the request is getting sent properly and that the response from the server is properly formatted JSON.

answered Feb 2, 2011 at 20:11

Erikk Ross

2,18314 silver badges18 bronze badges

4 Comments

James Over a year ago

I've noticed firefox response, json code seems to be valid, checked on the jsonlint.com

Erikk Ross Over a year ago

So you can see the proper JSON being returned in the Response tab?

James Over a year ago

there is no json tab and no answer from the file request.

Erikk Ross Over a year ago

I would try replacing the absolute path, with a relative one. So instead of "/json.php" you could do just "json.php" if the php file is in the same directory as your calling page.

Collectives™ on Stack Overflow

Ajax "Failed to load resource"

3 Answers 3

1 Comment

6 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

6 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related