實現跨域的最佳方案CSST

韓鑫　高佳華

摘 要： 在異域數據集成的Web應用中，同源策略使AJAX跨域訪問受到了限制。闡述了避開同源策略的主要方案JSONP、Websocket、CORS等跨域方式的原理，進而提出了基于CSS的最快最佳方案-CSST，最后介紹了該方法的實現原理和優勢。實踐表明，該方法更有效地解決了AJAX跨域訪問和展現數據的問題。

關鍵詞： 跨域； AJAX； CSST； 同源策略

中圖分類號：TP311 文獻標志碼：A 文章編號：1006-8228（2017）09-19-02

Abstract： In the Web applications with heterogeneous data integration， homology policies make AJAX cross-domain access restricted. The cross-domain access principles of JSONP， Websocket， CORS and so on are discussed， then， CSST the fastest and best solution based on CSS is proposed， and the principle and advantage of CSST are introduced. The practice shows that this method is more effective to solve the problems of AJAX cross-domain access and show the data.

Key words： cross-domain； AJAX； CSST； homology policy

0 引言

“同源策略”是瀏覽器安全的基石，所謂同源，即協議、域名、端口相同[1-3]。為了保證用戶信息的安全，防止惡意的網站竊取數據，“同源策略”是必需的。然而，如果非同源，瀏覽器緩存數據無法讀取、DOM無法獲得、AJAX請求無效。實際開發中，為了實現資源在不同域之間的共享，常采用JSOPN、Websocket、CORS等跨域方案。

1 JSONP

JSONP是服務器與客戶端跨源通信的常用方法。最大特點就是簡單適用，老式瀏覽器全部支持，服務器改造非常小。基本思想是，網頁通過添加一個