首頁 >web前端 >js教程 >Ajax跨域(jsonp)呼叫JAVA後台的方法

Ajax跨域(jsonp)呼叫JAVA後台的方法

php中世界最好的语言
php中世界最好的语言原創
2018-03-31 15:42:431842瀏覽

這次帶給大家Ajax跨域(jsonp)呼叫JAVA後台的方法,Ajax跨域(jsonp)呼叫JAVA後台的注意事項有哪些,下面就是實戰案例,一起來看一下。

1. JSONP定義

JSONP是英文JSON with Padding的縮寫,是一個非官方的協定。它允許在伺服器端產生script tags返回至客戶端,透過javascript callback的形式來實現網站存取。 JSONP是一種script tag的注入,將server傳回的response加入頁面實作特定功能。

2.JSONP由來

要解釋JSONP的來由,先要說一下瀏覽器的「同源策略(SOP:Same Origin Policy)」。 簡而言之,就是瀏覽器限制腳本程式只能和同協議、同域名、同端口的腳本進行交互,這包括共享和傳遞變數等。 cookie的傳遞也是遵從同樣策略。這就造成一些涉及多個伺服器的應用程式在整合時一些麻煩。跨網域存取的問題造成A站點的Ajax程式碼無法存取B站點的資料。

如何解決跨域存取呢?那就要藉助瀏覽器的一個特性:儘管瀏覽器不允許頁面中的腳本程序跨域讀取數據,但卻允許HTML引用跨域的資源,如圖片,CSS和腳本程序。對於腳本程式的引用比較特殊,它被瀏覽器解析以後,就和本地的腳本程式別無二致且可立即進行解釋並執行。如在B站點的一個js文件,一個簡單的提示框:alert(“This is Victor!”);。在A網站引用這個js,這個腳本就會在B站點的應用程式中執行,顯示一個alert資訊。由於站外腳本的引用是透過script tag來實現的,而腳本程序又可透過DOM的方式可以對HTML頁面的所有標籤進行控制(包括動態的創建script標籤),這就可以實現透過呼叫站外程序對本地資源進行更改了。另外,透過