導航:首頁 > 文件教程 > ajax與json教程

ajax與json教程

發布時間:2025-03-25 04:53:17

jsonp ajax 跨域訪問怎麼實現的

說說個人理解。首先需要知道幾個知識:

  1. 跨域js是允許的。比如你在localhost跑一段html,裡面引用了<script href="http://www..com/xxxx.js"></script>這是完全允許的。

  2. 動態載入js是允許的。可以通過js創建一個<script>,設置它的href="http://跨域域名/xxx.js",然後appendChild到<head>里去,瀏覽器會載入這段js並執行。

  3. js的href可以指向動態腳本,比如<script href="http://某域名/xxx.php?key1=value1&key2=value2">

  4. jsonp請求,伺服器給的返回值實質上是js代碼。jsonp是利用1 2和3的特點來實現的。


jsonp的具體過程為:

  1. 請求前,寫好一個回調函數比如jsonpCallback = function(data) { ... }。

  2. 請求時,利用1 2 3的特性,載入一個js文件:url形如"http://跨域域名/jsonp.php?callback=jsonpCallback&其它參數"。

  3. 伺服器讀區callback函數的函數名,計算好要返回的值比如data={a:b, c:d},拼接一段js代碼:jsonpCallback(data)。傳給客戶端的內容變成jsonpCallback({a:b, c:d})

  4. 前端拿到js代碼,執行jsonpCallback({a:b, c:d}),jsonp的過程完成。

閱讀全文

與ajax與json教程相關的資料

熱點內容
萬方等資料庫打不開怎麼回事 瀏覽:17
什麼是數據魔盒 瀏覽:767
軟體圖標運行文件是什麼 瀏覽:824
網站怎麼開發設計 瀏覽:504
怎麼找到兩列中的數據 瀏覽:333
識別不了數據怎麼回事 瀏覽:343
國際網路安全日 瀏覽:835
數學考卷app哪個好 瀏覽:255
數據差異大名稱比較長怎麼做圖表 瀏覽:479
手機怎麼看qsed文件 瀏覽:890
編程如何把東西扔出來 瀏覽:819
windows命令行拷貝文件 瀏覽:907
ps教程路徑的使用 瀏覽:624
中興手機系統升級 瀏覽:868
通信獨立組網可以連接多少個網站 瀏覽:656
dnf85版本魔道和召喚 瀏覽:286
數銑六邊形怎麼編程 瀏覽:408
文件夾的剪切和粘貼視頻 瀏覽:169
資料庫drop如何用 瀏覽:431
das文件轉換為pdf 瀏覽:587

友情鏈接