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

熱點內容
qq發手機里的文件找不到 瀏覽:832
百度雲文件有密碼忘記了怎麼辦 瀏覽:469
掃描文件掃到哪裡了 瀏覽:85
為什麼淘寶app是黑色的 瀏覽:17
如何在cad中把圖形輸出為pdf文件 瀏覽:535
文件夾橫簽 瀏覽:988
extjs5mvc 瀏覽:614
win7如何安裝資料庫 瀏覽:647
informix資料庫倒數卸數 瀏覽:983
華碩p7h55mplus升級 瀏覽:240
servlet調用jsp 瀏覽:481
文件的命名原則有哪些 瀏覽:352
蘋果的文件管理是哪個 瀏覽:387
智能黑板如何給pdf文件做批註 瀏覽:788
哈弗智聯app如何綁定二手車 瀏覽:728
cad文件不多可是異常增大 瀏覽:872
蘋果手機怎樣將音頻文件導入剪映 瀏覽:432
2016秋季飛歌導航升級 瀏覽:151
電腦字元串怎麼編程 瀏覽:381
暴風不能在線觀看視頻文件 瀏覽:267

友情鏈接