導航:首頁 > 文件教程 > 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教程相關的資料

熱點內容
win10手機pc一樣嗎 瀏覽:191
win10易升卸載顯卡驅動 瀏覽:127
怎麼搭配資料庫 瀏覽:838
終極街霸4升級檔 瀏覽:531
winrar沒有文件被解壓 瀏覽:821
統計現象中什麼形成了統計數據 瀏覽:199
蘋果什麼系統有文件夾 瀏覽:110
免費看火影的app有哪些 瀏覽:525
steam安卓版無法顯示 瀏覽:159
火影忍者八項數據最高多少 瀏覽:322
國家統計數據哪個機構發布 瀏覽:37
office文檔保存找不到文件 瀏覽:219
文件全能王文件夾 瀏覽:92
U盤拷到手機的文件怎麼找不到 瀏覽:272
點擊桌面圖片顯示找不到文件 瀏覽:822
編程貓怎麼找到水果 瀏覽:655
普通車床打圓怎麼編程 瀏覽:277
編程師首先考哪個證書 瀏覽:36
升級後找不到優酷緩存文件 瀏覽:531
win7使用簡單文件共享推薦在哪裡 瀏覽:240

友情鏈接