<script src="http://test.com/data.php?callback=dosomething"></script>
// 向服務器test.com發(fā)出請求，該請求的查詢字符串有一個callback參數(shù)，用來指定回調(diào)函數(shù)的名字
 
// 處理服務器返回回調(diào)函數(shù)的數(shù)據(jù)
<script type="text/javascript">
    function dosomething(res){
        // 處理獲得的數(shù)據(jù)
        console.log(res.data)
    }
</script>

data.php：

header('Content-type: application/json');
 
//獲取回調(diào)函數(shù)名
$jsoncallback = htmlspecialchars($_REQUEST ['callback']);
 
//json數(shù)據(jù)
$json_data = '["customername1","customername2"]';
 
//輸出jsonp格式的數(shù)據(jù)
echo $jsoncallback . "(" . $json_data . ")";

2）CORS 跨域資源分享（Cross-Origin Resource Sharing）

1、普通跨域請求：只需服務器端設(shè)置 Access-Control-Allow-Origin
2、帶cookie跨域請求：前后端都需要進行設(shè)置

PHP：

header("Access-Control-Allow-Origin:*");

或者 Nginx：

location ~ .*\.php$
{
    add_header 'Access-Control-Allow-Origin' '*';    # 就加這句就行
    include fcgi.conf;
    fastcgi_pass  127.0.0.1:10080;
    fastcgi_index index.php;
    expires off;
}

Javascript：

$.ajax({
   url: 'http://www.test.com:8080/login',
   type: 'get',
   data: {},
   xhrFields: {
       withCredentials: true    // 前端設(shè)置是否帶cookie
   },
   crossDomain: true,           // 會讓請求頭中包含跨域的額外信息，但不會含cookie
});

3）WebSocket 瀏覽器與服務器的全雙工通信，同時也是跨域的一種解決方案

4）Nginx 反向代理

server {
    # nginx監(jiān)聽所有 test.com:9000 端口收到的請求
 
	listen       9000;
	server_name  test.com;
 
    # test.com:9000 會被轉(zhuǎn)發(fā)到 192.168.25.20:9000
	location / {
		proxy_pass http://192.168.25.20:9000;
	}
 
	# test.com:9000/api/ 會被轉(zhuǎn)發(fā)到 "192.168.25.20:9000/api/"
 
	location /api/ {
		proxy_pass http://192.168.25.20:9000;
	}
}

到此這篇關(guān)于如何利用PHP 快速解決跨域問題的文章就介紹到這了,更多相關(guān)PHP 跨域內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: