解決跨域的關鍵是設置 Access Control Allow Origin 。 例如:客戶端的功能變數名稱是 api.itbsl.com,而請求的功能變數名稱是www.itbsl.com 如果直接使用ajax訪問,會有以下錯誤: XMLHttpRequest cannot load http://www.itbs ...
解決跨域的關鍵是設置 Access-Control-Allow-Origin。
例如:客戶端的功能變數名稱是 api.itbsl.com,而請求的功能變數名稱是www.itbsl.com
如果直接使用ajax訪問,會有以下錯誤:
XMLHttpRequest cannot load http://www.itbsl.com/server.php. No 'Access-Control-Allow-Origin' header is present on the requested resource.Origin 'http://api.itbsl.com' is therefore not allowed access.
1.允許單個功能變數名稱訪問
指定某功能變數名稱http://api.itbsl.com跨域訪問,則只需在http://www.itbsl.com/server.php文件頭部添加如下代碼:
header('Access-Control-Allow-Origin:http://api.itbsl.com');
2.允許多個功能變數名稱訪問
指定多個功能變數名稱 http://api.itbsl.com、http://doc.itbsl.com等 跨域訪問,則只需在http://www.itbsl.com/server.php文件頭部添加如下代碼:
$origin = isset($_SERVER['HTTP_ORIGIN'])? $_SERVER['HTTP_ORIGIN'] : '';
$allow_origin = array(
'http://api.itbsl.com',
'http://doc.itbsl.com'
);
if(in_array($origin, $allow_origin)){
header('Access-Control-Allow-Origin:'.$origin);
}
3.允許所有功能變數名稱訪問
允許所有功能變數名稱訪問則只需在http://server.runoob.com/server.php文件頭部添加如下代碼:
header('Access-Control-Allow-Origin:*');