javascript - PhoneGap/Cordova 以及最新版本的 Google Chrome 中没有 'Access-Control-Allow-Origin'

Question

我在跨移动平台的 Sencha Touch Framework 中工作，我在 mac os x localhost 中运行我的项目，我正在尝试获取服务器的通过 Ext.Ajax.request 请求的响应。我收到一个典型错误 CORS: XMLHttpRequest cannot load No 'Access-Control-Allow-Origin' No 'Access-Control-Allow-Origin' header is present on the requested resource .因此不允许访问源“http://localhost”。响应具有 HTTP 状态代码 403我该如何解决我的问题以及我需要将 header 信息放在服务器上的确切位置。

header('Access-Control-Allow-Origin: *'); 
header('Access-Control-Allow-Headers: X-Requested-With'); 
header('Access-Control-Allow-Methods: GET, POST, OPTIONS');

这些是我在我的服务器上需要的 header ，但我仍然无能为力并且从服务器上遇到同样的错误。我请求的网站在 Wordpress 中，我尝试了 jt-cross-domain-ajax 插件来解决我的问题，但我无法这样做。

我的服务器代码:

    add_action('wp_ajax_fun', 'myFunc');
    add_action('wp_ajax_nopriv_fun', 'myFunc');
    function myFunc()
    {
// Here I'm currenlty putting the header informatioins
        wp_send_json_success("I'm Working");
        die();
    }

我的 Sencha Touch 代码:

 Ext.Ajax.request({
                url: URL, // Some url
                method: 'GET',
                callback: function(options, success, response) {
                    Ext.ComponentQuery.query('#id')[0].setHtml( response.responseText );
                }
            });

我的问题是如何解决我的问题，我应该把我的标题来源信息放在哪里，以及实现这个目标的步骤是什么。

Answer 1

您需要在 Sencha Touch 代码中将 header 放入要向其发送请求的 PHP 文件中。