XMLHttpRequest cannot load and Sencha touch

Question

everybody! I have a problem. When i use Ạjax or getStore, i see a error in console Chrome.

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

And, My response result is failed. I don't know this problem relate to this result. Help me, If you have a sulutions. :) Thanks.

When I use Ạjax or getStore, I see an error in Chrome's console.

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

And my response result is failed. I don't know this problem relates to the result.

Are you running this from a local webserver like xampp or mamp? If not, you should try running using a webserver. — GenieWanted, Jun 14 '13 at 04:37
Posting ajax code and screen short of you browser helps more for us to answer your question exactly. — Viswa, Jun 14 '13 at 05:24

score 1 · Answer 1 · edited May 23 '17 at 12:30

You cannot call any webservice from your browser because of security reasons so either you have to use JSONP proxy on app side or you have to enable CORS on your server side. If you are planning to build this as app then you don't have to do this, all you have to do is change security setting of your browser when you are testing. More details here : How to use json proxy to access remote services during development

score 0 · Answer 2 · answered Jun 14 '13 at 07:15

This problem appears when i code like here:

Ext.Ajax.request({ 
url: 'http://api....api.php/national',
useDefaultXhrHeader: false,
success : function(response, opt) {     
Ext.Msg.alert('Success', response.responseText); 
},
failure : function(response, opt) {
Ext.Msg.alert('Failed', response.responseText); 
}   
});

Or:

var onlineStore = Ext.getStore('NationStore');
 onlineStore.load();

This is screen shot about error! Thanks! enter image description here

score 0 · Answer 3 · answered Jun 14 '13 at 13:50

0

This appears to be cross domain Ajax call. Browser won't allow it by default. http://en.wikipedia.org/wiki/Same_origin_policy

You need to implement CORS http://en.wikipedia.org/wiki/Cross-origin_resource_sharing

answered Jun 14 '13 at 13:50

sha

17,824
5
63
98

XMLHttpRequest cannot load and Sencha touch

3 Answers3

Linked