Access-Control-Allow-Origin

[Racon]

XMLHttpRequest cannot load http://xyz. Origin http://localhost is not allowed by Access-Control-Allow-Origin.

I get this Exception in my Chrome Browser.

The server I run is Apache (XAMPP).

How can I fix this? What can I do?

Thank you very much

My Source Code:

<script type="text/javascript">

new Ext.Application({

name: 'Hello World',

launch: function() {



Ext.Ajax.request({

url: 'http://xyz',

method: 'GET',

headers: {'Authorization': 'Basic GVU0IXZ6cFGzczE='},

success: function(response, opts) {

var obj = Ext.decode(response.responseText);

console.dir(obj);

},

failure: function(response, opts) {

console.log('server-side failure with status code ' + response.status);

}

});



}

});

</script>

[aCa]

Take a look as JSONP and ScriptTagProxy. Also read this wiki page: http://en.wikipedia.org/wiki/Same_origin_policy.

[kortovos]

Or you can use a PHP proxy

[aharley40]

Take a look as JSONP and ScriptTagProxy. Also read this wiki page: http://en.wikipedia.org/wiki/Same_origin_policy.

I think he is right. You should probably try Ext.util.JSONP.request() instead and see if that works out for you

[AndreaCammarata]

XMLHttpRequest cannot load http://xyz. Origin http://localhost is not allowed by Access-Control-Allow-Origin.

I get this Exception in my Chrome Browser.

The server I run is Apache (XAMPP).

How can I fix this? What can I do?

Thank you very much

My Source Code:

<script type="text/javascript">

new Ext.Application({

name: 'Hello World',

launch: function() {



Ext.Ajax.request({

url: 'http://xyz',

method: 'GET',

headers: {'Authorization': 'Basic GVU0IXZ6cFGzczE='},

success: function(response, opts) {

var obj = Ext.decode(response.responseText);

console.dir(obj);

},

failure: function(response, opts) {

console.log('server-side failure with status code ' + response.status);

}

});



}

});

</script>

Hi Racon.
If you are trying to get data from a domain that is not your businness you have to use JSONP due to the same origin policy.
However, If you are developing an application on localhost that you will upload on the same domain you are trying to get data from, you don't need to use JSONP!
In this case you only need to open you application from file://.... intead of http://localhost/...
This will makes the trick and will allow you to get data from a different domain.

Hope this helps.