调用Ext.Ajax.request时收到错误请求

时间:2012-11-06 05:12:33

标签: sencha-touch sencha-touch-2

运行此代码时收到错误请求

Ext.Ajax.request({
           url: loginHostUri,
           method:'POST',
           headers:{
               'Accept':'application/x-www-form-urlencoded'
           },
           extraParams:{
               grant_type:'password',
               username:username,
               password:psswd,
               client_id: consumerKey,
               client_secret: consumerSecret
           },
           success: function(response){
               Ext.Msg.alert('Info',reponse);
           }
       });

当我使用javascript debuger时,我收到一条错误消息 “XMLHttpRequest无法加载”“Access-Control-Allow-Origin不允许使用Origin null。”

2 个答案:

答案 0 :(得分:0)

检查网址“loginHostUri”是否为null。您是否正在尝试跨域请求?在这种情况下,您将无法从浏览器执行此操作(直到您以不安全模式打开浏览器)。 Ajax请求通过“params”发送参数而不是“extraParams”。

答案 1 :(得分:0)

我使用的服务器端(JSP)上的

response.addHeader("Access-Control-Allow-Origin", "*");
response.addHeader("Access-Control-Allow-Credentials", "true");
response.setHeader("Access-Control-Allow-Methods", "POST");
response.setHeader("Access-Control-Allow-Methods", "GET");
response.setHeader("Access-Control-Allow-Headers", "Content-Type");
response.setHeader("Access-Control-Allow-Headers", "X-Requested-With");
response.setHeader("Access-Control-Max-Age", "86400");

这解决了这个问题。