使用jQuery消费JSON

Question

I am developing a website which consume json from external url, i tried this but i got a error

XMLHttpRequest cannot load http://reuniyo.com/tst/json.php. Origin null is not allowed by Access-Control-Allow-Origin XMLHttpRequest cannot load http://reuniyo.com/tst/json.php. Origin null is not allowed by Access-Control-Allow-Origin .

Below is the code I used.

var url="http://reuniyo.com/tst/json.php";
jQuery.support.cors = true;
$("#success").load(url, function(response, status, xhr) {
  if (status == "error") {
    var msg = "Sorry but there was an error: ";
    $("#error").html(msg + xhr.status + " " + xhr.statusText);
  }
});

Please help me. Thanks in advance

Answer 1

Assuming that the remote URL is not in the same domain as the web site you're developing, uou need to either:

1. use JSONP if the remote API supports it (my tests suggest that it doesn't)

2. have the remote site add Access-Control-Allow-Origin: * to their response headers

If neither of those are possible you're out of luck - these rules are in there to prevent cross-origin scripting attacks.

Answer 2

在json.php的顶部添加此行

header('Access-Control-Allow-Origin: *');

Answer 3

Don't try to develop direct from your local file system, it creates all kinds of permissions problems. Move your development site to an http server (you can install one locally if you like).

You also need to make sure that the host name you are accessing the site from has permission from reuniyo.com to make Ajax requests to it (using the aforementioned Access-Control-Allow-Origin HTTP header).