JSONP簡單例子

2021-06-25 20:27:00 字數 547 閱讀 2339

jsonp的原理很簡單,主要利用了html中所有有src的屬性的標籤可以跨域的特點,利用script的src進行get請求,後端輸出一段js**的字串在script中便會執行。

當然後端輸出普通的json字串是不行的,後台應當輸出fn(json)樣式的字串 ,fn代表要呼叫的js方法;json代表要處理的資料.這也是jsonp得名的原因.後台不會知道要調傭哪個js,所以需要前台把要呼叫的函式的名字發給後台. 

乙個簡單的jsonp例子

後台 node版本

var http = require('http');

});

前台

JSONP簡單例子

jsonp的原理很簡單,主要利用了html中所有有src的屬性的標籤可以跨域的特點,利用script的src進行get請求,後端輸出一段js 的字串在script中便會執行。當然後端輸出普通的json字串是不行的,後台應當輸出fn json 樣式的字串 fn代表要呼叫的js方法 json代表要處理的...

jsonp簡單跨域

在web開發的時候難免會遇到跨域求情資料的問題,此時使用jsonp是比較簡便的。a.com網域名稱下的js,是無法訪問網域名稱為b.com下的js的,會報跨域的錯誤 所以你可以動態建立乙個標籤,把他的src屬性設定成你要請求的伺服器的url,如 就等於是使用去向伺服器請求,但是這個是時候伺服器不能直...

Jsonp原理就是這麼簡單

原理 包裹資料的js資料檔案,自動執行,找到目標函式,通過傳參,把資料注入進去。當你開啟本篇博文,證明你已經大體知道了jsonp的作用了。但如果你需要我介紹一下,我也可以簡單介紹 簡單說,就是解決 跨域 請求資料的作用。跨域 不同網域名稱 不同ip 不同埠的資料訪問,都屬於跨域。js本身對跨域資料請...