Ext.Ajax跨域發布請求

Question

我正在測試ExtJS v.5.1.0.107，我的目標是在另一台服務器上執行ajax請求。 我發現了一些類似的討論，但似乎沒有任何解決方案。 這是請求代碼：

    Ext.Ajax.request({
                                      url: 'http://192.168.1.60/test.php',
                                      method: 'POST',
                                      cors: true,
                                      useDefaultXhrHeader : false,
                                      params : {
                                          myPar1 : myPar1Value  
                                      },
                                      success: function () {
                                        alert('success');
                                      },
                                      failure: function () {
                                        alert('failure');
                                      }
                                    });

這是錯誤消息：

XMLHttpRequest無法加載http://192.168.1.60/test.php 。 所請求的資源上沒有“ Access-Control-Allow-Origin”標頭。 因此，不允許訪問源“ http://192.168.1.50:22800 ”。

有什么不對？ 希望可以有人幫幫我。 謝謝大家。

Answer 1

確保您的文件可以從服務器訪問...

如果服務器配置正確，請嘗試添加以下響應標頭

Access-Control-Allow-Origin: *

此命令將允許通過Ajax操作進行跨域操作。 然后，請求的文件（例如目標服務器上的test.php）應包含在第一行中：

<?php header('Access-Control-Allow-Origin: *'); ?>

然后，您應該更改用於托管test.php文件的Apache服務器的參數。 在.htacess文件中：

header set Access-Control-Allow-Origin "http://192.168.1.60/"

希望這可以幫助 ！