XMLHttpRequest cannot load is not allowed by Access-Control-Allow-Origin

An article on Cross Domain AJAX issue a while back here:

CROSS DOMAIN AJAX REQUEST WITH JSON RESPONSE FOR IE,FIREFOX,CHROME, SAFARI – JQUERY

The easiest way to handle this if you have control of the responding server is to add a response header for:

Access-Control-Allow-Origin: *

This will allow cross domain AJAX. In PHP you'll want to modify the response like so:

<?php header('Access-Control-Allow-Origin: *'); ?>

you can just put Header set Access-Control-Allow-Origin * setting on apache conf or htaccess file it just work like a charm

Important Note:
The wildcard is going to allow any domain to send requests to your host. I recommend replacing the asterisk with a specific domain that you will be running scripts on.

You can't do this with a browser unless the education.com server is configured to allow CORS (Cross-Origin Resource Sharing) requests (That's the Access-Control-Allow-Origin bit).

Your server could make the request on your behalf, however, and you can then retrieve the data from there.

In ZF1 can be done as below:

  public function indexAction() {    $turnkey = array(        "uris" => array("176.x.x:3478", "3478"),        "username" => "my_username",        "password" => "my_password"    );    $content = Zend_Json::encode($turnkey);    $this->getResponse()            ->setHeader('Access-Control-Allow-Origin', "*")            ->setHeader('Content-Type', 'application/json')            ->setBody($content)            ->sendResponse();    exit;  }