Origin http://localhost is not allowed by Access-Control-Allow-Origin

[zied jouini]

SALAM all.
when i'm tring to execute Ext.Ajax.request({ function, ann error appear. i'm using google chrom to test my app. here is my code:

varurtemp = Ext.getCmp('Login').getValue()+"/"+Ext.getCmp('password').getValue();
Ext.Ajax.request({


  url: 'http://localhost:8732/log/log/'+urtemp,
  success : function(response) {

  Ext.getCmp('res').setValue(response.responseText);
  var user = eval('('+ response.responseText+ ')'); 
   App.variable = user.clientID;
   var nv = user.clientNOM;
   var pr = user.clientPRENOM;
 if(nv !== "null") {
// console.log(App.variable);
  		Ext.Msg.alert("Bienvenue Monsieur",pr+" "+nv);
                Ext.redirect('Banking/compte');
                window.location = redirect;
      }
else {Ext.Msg.alert("Mot de passe ou login incorrecte","veuillez reeseyer");}
  },
  failure: function(response) {
	  Ext.getCmp('res').setValue(response.status);
 }
 });

im using google chrom to test my app.
the error is
[COLOR=red !important]Failed to load resource: the server responded with a status of 405 (Method Not Allowed) http://localhost:8732/log/log/admin/...=1338212400945[/COLOR]
[COLOR=red !important]XMLHttpRequest cannot load http://localhost:8732/log/log/admin/...=1338212400945. Origin http://localhost is not allowed by Access-Control-Allow-Origin.

[/COLOR]
and the response.status is 0
and even i test it on an Android Emulator, i have the same response.status = 0
how can i fix it. thank you.
[COLOR=red !important]
[/COLOR]

[mitchellsimoens]

You are trying to work with CORS (cross origin resource). Does your server support CORS?

[zied jouini]

SALAM.
thank you for your response. i fixed it but adding in the shortcut of google chrome : --disable-web-security
and adding to IIS : "Access-Control-Allow-Origin" "*" and now it's work correctly in my browser.
but my target is to build a mobile app, so i tested it on an Android emulator, but it's failed to consume my web service. i work on localhost. ==> the response.status is "0". I tried another thing, i put Ext.data.jsonp instead of Ext.ajax.request, without success. have you any idea to correct my code.

[mitchellsimoens]

You switched to JsonP but did you update your response to be valid?

[zied jouini]

how can i update it ?
my response is a json file

{"LOGIN":"admin","PASSWORD":"admin","clientADRESSE":"zouhour","clientCODE":"9876","clientID":"1234","clientNOM":"jouini","clientNUMTEL":"21212121","clientPRENOM":"zied","comptes":[],"demandes":[]}

there is a modification should be i do ?

[mitchellsimoens]

JsonP requires the JSON to be wrapped in a callback function which the name of that function is passed as the callback parameter in the request.

[nickyh62]

Could you perhaps give an example of the format expected when the json response is wrapped within the callback function please mitchell?

[steve1964]

Hi, in the Android Emulator you dont have access to localhost (http://127.0.0.1) .
http://stackoverflow.com/questions/6...droid-emulator

[nickyh62]

Could you perhaps give an example of the format expected when the json response is wrapped within the callback function please mitchell?

Worked it out, for anyone with a similar query the wrapped json response should take the format:


Ext.data.JsonP.callback1({Your JSON})

Note the callback part is incremented per subsequent call and will need to be handled by the server side web service when generating a response, i.e. callback2, callback3 and so on.