移动网络应用程序的访问控制允许来源问题[重复]

Question

我正在使用 sencha touch 2.1 开发移动网络应用程序。目前我正在制作一个登录系统。为此，我正在从本地计算机向远程服务器发送 ajax 请求，其中包含用户名和密码。但我不断收到此错误

XMLHttpRequest cannot load http://something.com/login.php?_dc=1362983327250. Origin http://dev.vclouds.com is not allowed by Access-Control-Allow-Origin.

在上面的错误http://dev.vclouds.com 是我的localhost。我以这种方式在我的 apache 配置中设置它。

这是我的ajax请求代码

Ext.Ajax.request({
        url: 'http://something.com/beta/webservice/login.php',
        method: 'post',
        params: {
            user_name: username,
            user_password: password
        },
        success: function (response) {
            var loginResponse = Ext.JSON.decode(response.responseText);
            console.log(loginResponse);
            if(loginResponse.success === "true") {
                me.sessionToken = loginResponse.sessionToken;
                me.signInSuccess();
            } else {
                me.signInFailure(loginResponse.message);
            }
        },
        failure: function (response) {
            me.sessionToken = null;
            me.signInFailure('Login failed');
        },
        callback: function (opts, success, response) {
            console.log('callback');
            console.log(opts);
            console.log(success);
            console.log(response);
        }
    });

我该如何解决这个问题？

更新

我也试过JsonP如下

Ext.data.JsonP.request({  //<-- line 35
        url: 'http://something.com/beta/webservice/login.php',
        callbackKey: 'callback',
        //method: 'post',
        params: {
            user_name: username,
            user_password: password
        },
        callback: function (opts, success, response) {
            console.log('callback');
            console.log(opts);
            console.log(success);
            console.log(response);
        }
    });

但是我收到了这个错误

Uncaught TypeError: Cannot call method 'request' of undefined             Login.js:35

Answer 1

您需要使用JsonP 而不是 Ajax。仅当您在同一个域中时才能使用 Ajax，即发出的请求和请求的资源应该在同一个域中。在这种情况下，您有不同的域，因此您需要使用 JsonP 请求。

他们使用 JsonP 的方式是，

   Ext.data.JsonP.request({
        url: 'http://something.com/beta/webservice/login.php',
        callbackKey: 'callback',
        params: {
            user_name: username,
            user_password: password
        },
        callback:function(result,response){
              console.log(response);
        }
   });

这里要考虑的重要一点是，JsonP 数据将仅通过GET 方法发送。您不能使用POST 方法。服务器还需要返回请求中发送的callback，以便继续执行callback 函数。您可以通过我的 ans here 找到一些信息。

对于 CORS 即 Cross-Origin Resource Sharing 相关信息，请参考我的另一个答案 here

EDIT 您需要添加所需的类。比如你文件中的requires:['Ext.data.proxy.JsonP']。参考undefined error with JSONP