JSONP個人心得筆記

目錄

jsonp個人心得筆記

1.學習jsonp掌握三個問題

2.什麼是jsonp

2.1定義

2.2樣子

3.為什麼使用jsonp

3.1使用jsonp的場景

3.2js的跨域非同源

3.3為什麼使用jsonp

4.jsonp的呼叫原理

5.jquery的封裝

基於json字串格式的一種使用模式,相當於在json字串外包裝乙個方法名稱,json就相當於這個方法的引數function test(string json)

test(

"})

大型專案,一般有可能涉及到跨系統的訪問,ajax可以實現跨系統的訪問,必須應用jsonp格式.

js發起ajax的位置(web系統,www.easymall.com),和訪問的資源位置(user系統,user.easymall.com)不在同乙個網域名稱:埠內,違反了js的同源策略,ajax無法解析json資料;例子

說明是否同源

www.a.com(1)

www.b.com(2)

網域名稱完全布不同

1的js訪問2的資源

非同源www.a.com:8080(1)

www.a.com:8081(2)

網域名稱相同,埠不同

1的js訪問2的資源

非同源www.a.com/haha(1)

網域名稱相同,埠相同,路徑不同

1的js訪問2的資源

同源www.a.com

10.9.8.8

網域名稱,訪問ip(hosts或者dns中的網域名稱和ip對映)

1的js訪問2的資源

非同源www.a.com

user.a.com

主網域名稱相同,子網域名稱不同(a.com,www開始的是主網域名稱,user子網域名稱)

非同源只要訪問的資源網域名稱不同,埠不同,即使ip對映相關也都是非同源

在複雜的,大型的專案開發過程中,一般無法避免js的跨域訪問(違反同源策略),造成json字串無法解析,使用jsonp來解決

底層原理:script標籤的src獲取jsonp,本地js同名方法解析json資料;

jquery封裝了底層原理,src自動使用建立,function同名方法自動建立;

只要在$.ajax中的datatype:指定jsonp結構,就會在url位址後面自動拼接乙個callback=jsonp+currenttime

Nginx個人心得筆記

目錄 一.nginx簡介 1.nginx能幹什麼 2.nginx特點 二.nginx能做什麼有什麼優勢 二.專案部署 解壓就可以用 nginx是一款輕量級web伺服器，也是一款反向 伺服器 高穩定 高效能 資源占用少 功能豐富 模組化結構 支援熱部署 客戶端假設通過http協議訪問a 中的應用伺服器...

BIO NIO AIO個人心得筆記

io是一套用於資料傳輸的機制 bio blocking io 同步式阻塞式io nio nonblocking io 同步式非阻塞式io jdk1.4 tomcat aio asynchronous io 非同步式非阻塞式io jdk1.8 bio的缺點 單向流 資料只能從一端流向另一端，這就導致如...

Mycat個人心得筆記（六）

目錄 mycat個人心得筆記 六 一.主從雙機熱備的相關問題 1.宕機重啟的節點,二進位制日誌檔案變動,如何獲取 2.從節點同步的資料會不會寫在本機的bin log 相關知識點補充 雙機熱備中,主節點 其中乙個角色 宕機,導致主節點的二進位制日誌檔案重啟時,重寫 啟動之後做了寫操作 從節點在主節點恢...