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

Question

运行此代码时我收到一个错误的请求

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 调试器时，我收到一条错误消息“XMLHttpRequest 无法加载”“Access-Control-Allow-Origin 不允许 Origin null。”

Answer 1

检查 url "loginHostUri" 是否为空。您是否正在尝试跨域请求？在这种情况下，您将无法从浏览器执行此操作（除非您以不安全模式打开浏览器）。Ajax 请求通过“params”而不是“extraParams”发送参数。

Answer 2

在服务器端（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");

这解决了问题。