ajax 設定Access-Control-Allow-Origin實現跨域訪問
ajax跨域存取是一個老問題了，解決方法很多，比較常用的是JSONP方法，JSONP方法是一種非官方方法，而且這種方法只支援GET方式，不如POST方式安全。
即使使用jquery的jsonp方法，type設為POST，也會自動變成GET。
官方問題說明：
「script」: Evaluates the response as JavaScript and returns it as plain text. Disables caching by ter unless the cache option is set to true.Note:
This will turn POSTs into GETs for remote-domain requests.
如果跨域使用POST方式，可以使用創建一個隱藏的iframe來實現，與ajax上傳圖片原理一樣，但這樣會比較麻煩。
因此，透過設定Access-Control-Allow-Origin來實現跨域存取比較簡單。
例如：客戶端的網域是www.client.com,而請求的網域是www.server.com
如果直接使用ajax來訪問，會有以下錯誤
如果直接使用ajax來訪問，會有以下錯誤
如果直接使用ajax comnwid http://www.server.com/server.php. No 'Access-Control-Allow-Origin' header is present on the requested resource.
.
在被要求的Response header中加入
// 指定允許其他網域存取
// 指定允許其他網域存取
// 回應類型
header('Access-Control-Allow-Methods:
POST');
Control-Allow-Headers:
x-requested-with,content-type');
就可以實現ajax POST跨域訪問了。
程式碼如下：
client.html 路徑：http://www.client.com/client.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" c/html;charset=utf-8">
<title> 跨域测试 </title>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
</head>
<body>
<div id="show"></div>
<script type="text/javascript">
$.post("http://www.server.com/server.php",{name:"fdipzone",gender:"male"})
.done(function(data){
document.getElementById("show").innerHTML = data.name + ' ' + data.gender;
});
</script>
</body>
</html>server. com/server.php
<?php
$ret = array(
'name' => isset($_POST['name'])? $_POST['name'] : '',
'gender' => isset($_POST['gender'])? $_POST['gender'] : ''
);
header('content-type:application:json;charset=utf8');
header('Access-Control-Allow-Origin:*');
header('Access-Control-Allow-Methods:POST');
header('Access-Control-Allow-Headers:x-requested-with,content-type');
echo json_encode($ret);
?>Access-Control-Allow-Origin:* 表示允許任何域名跨域訪問
如果需要指定某域訪問
如果需要指定某域訪問才允許跨域訪問，只需把Access-Control- Allow-Origin:*改為Access-Control-Allow-Origin:允許的網域
例如：header('Access-Control-Allow-Origin:http://www.client.comclient.com
' );
如果需要設定多個網域
允許訪問，這裡需要用php處理一下
例如允許www.client.com 與www.client2.com 可以跨域訪問
server.php 修改為
<?php
$ret = array(
'name' => isset($_POST['name'])? $_POST['name'] : '',
'gender' => isset($_POST['gender'])? $_POST['gender'] : ''
);
header('content-type:application:json;charset=utf8');
$origin = isset($_SERVER['HTTP_ORIGIN'])? $_SERVER['HTTP_ORIGIN'] : '';
$allow_origin = array(
'http://www.client.com',
'http://www.client2.com'
);
if(in_array($origin, $allow_origin)){
header('Access-Control-Allow-Origin:'.$origin);
header('Access-Control-Allow-Methods:POST');
header('Access-Control-Allow-Headers:x-requested-with,content-type');
}
echo json_encode($ret);
?>原始碼下載位址：點擊查看
以上就介紹了ajax 設定Access-Control-Allow-Origin實現跨域訪問，包括了方面的內容，希望對PHP教程有興趣的朋友有所幫助。
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
如何解決Vue Axios跨域導致的"Network Error"
Apr 07, 2025 pm 10:27 PM
解決 Vue Axios 跨域問題的方法包括：服務器端配置 CORS 頭使用 Axios 代理使用 JSONP使用 WebSocket使用 CORS 插件
sql if語句怎麼用
Apr 09, 2025 pm 06:12 PM
SQL IF 語句用於有條件地執行 SQL 語句，語法為： IF (condition) THEN {語句} ELSE {語句} END IF;。條件可以是任何有效的 SQL 表達式，如果條件為真，執行 THEN 子句；如果條件為假，執行 ELSE 子句。 IF 語句可以嵌套，允許更複雜的條件檢查。
apache怎麼配置zend
Apr 13, 2025 pm 12:57 PM
如何在 Apache 中配置 Zend？在 Apache Web 服務器中配置 Zend Framework 的步驟如下：安裝 Zend Framework 並解壓到 Web 服務器目錄中。創建 .htaccess 文件。創建 Zend 應用程序目錄並添加 index.php 文件。配置 Zend 應用程序（application.ini）。重新啟動 Apache Web 服務器。
無法以 root 身份登錄 mysql
Apr 08, 2025 pm 04:54 PM
無法以 root 身份登錄 MySQL 的原因主要在於權限問題、配置文件錯誤、密碼不符、socket 文件問題或防火牆攔截。解決方法包括：檢查配置文件中 bind-address 參數是否正確配置。查看 root 用戶權限是否被修改或刪除，並進行重置。驗證密碼是否準確無誤，包括大小寫和特殊字符。檢查 socket 文件權限設置和路徑。檢查防火牆是否阻止了 MySQL 服務器的連接。
phpmyadmin漏洞匯總
Apr 10, 2025 pm 10:24 PM
PHPMyAdmin安全防禦策略的關鍵在於：1. 使用最新版PHPMyAdmin及定期更新PHP和MySQL；2. 嚴格控制訪問權限，使用.htaccess或Web服務器訪問控制；3. 啟用強密碼和雙因素認證；4. 定期備份數據庫；5. 仔細檢查配置文件，避免暴露敏感信息；6. 使用Web應用防火牆(WAF)；7. 進行安全審計。 這些措施能夠有效降低PHPMyAdmin因配置不當、版本過舊或環境安全隱患導致的安全風險，保障數據庫安全。
如何在Debian上監控Nginx SSL性能
Apr 12, 2025 pm 10:18 PM
本文介紹如何在Debian系統上有效監控Nginx服務器的SSL性能。我們將使用NginxExporter將Nginx狀態數據導出到Prometheus，再通過Grafana進行可視化展示。第一步：配置Nginx首先，我們需要在Nginx配置文件中啟用stub_status模塊來獲取Nginx的狀態信息。在你的Nginx配置文件（通常位於/etc/nginx/nginx.conf或其包含文件中）中添加以下代碼段：location/nginx_status{stub_status
使用DICR/YII2-Google將Google API集成在YII2中
Apr 18, 2025 am 11:54 AM
vProcesserazrabotkiveb被固定，мнелостольностьстьс粹餾標д都LeavallySumballanceFriablanceFaumDoptoMatification，Čtookazalovnetakprosto，kakaožidal.posenesko
Debian Apache日誌中如何識別惡意訪問
Apr 13, 2025 am 07:30 AM
有效監控和防禦惡意網站訪問對於Debian系統的Apache服務器至關重要。 Apache訪問日誌是識別此類威脅的關鍵信息來源。本文將指導您如何分析日誌並採取防禦措施。識別惡意訪問行為Debian系統的Apache訪問日誌通常位於/var/log/apache2/access.log。您可以通過多種方法分析日誌：日誌文件位置確認:首先，請確認您的Apache訪問日誌的準確位置，它可能因係統配置而略有不同。命令行工具分析:使用grep命令搜索特定模式，例如grep"404"
