jsonp解決Ajax跨域問題

        什麼是跨域?
                1、域名不同。
                2、域名相同,端口不同。
                3、由於同源策略,安全性考慮設計如此。

        ajax跨域問題:由js請求處於跨域範圍的數據,請求不到。

       問題解決:jsonp解決。

        什麼是jsonp?

        它是一個跨域解決方案。js跨域請求數據不可以,但js跨域請求js腳本是可以的。這是個bug,巧妙利用這個bug可以把數據封裝成一個js語句,跨域請求js腳本可以得到此腳本。可以把數據作爲參數傳遞到被請求的方法中,就可以獲得數據。

        jsonp的原理:


        jsonp實現的示例://todo:待補充

        請求方ajax代碼:

        被請求方js代碼:

        其中的json數據爲:


總結:

        越來越認識到:圖有助於理解,一張圖勝過千言萬語。多畫圖,多總結。

        



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章