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?

Answer 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)
});

Answer 2

您的json.php脚本未设置Content-Type: application/json HTTP标头？

Answer 3

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.