本篇文章主要介紹了詳解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標籤),這就可以實現透過呼叫站外程序對本地資源進行更改了。另外,透過