小編這次要給大家分享的是淺談JSONP的原理、理解與實例，文章內(nèi)容豐富，感興趣的小伙伴可以來了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。

創(chuàng)新互聯(lián)服務項目包括新沂網(wǎng)站建設、新沂網(wǎng)站制作、新沂網(wǎng)頁制作以及新沂網(wǎng)絡營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，新沂網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務的客戶以成都為中心已經(jīng)輻射到新沂省份的部分城市，未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任！

1.什么是jsonp

1.1 同源策略

瀏覽器同源策略的限制，XmlHttpRequest只允許請求當前源（相同域名、協(xié)議、端口）的資源。

-1）jsonp只支持get請求

-2）不受同源策略限制 ，兼容性好 不需要XMLHttpRequest（ActiveX）支持,通過js回調(diào)函數(shù)返回結(jié)果

-3）不能解決 不同域的兩個頁面之間js調(diào)用的問題

2. jsonp 原理

動態(tài)添加一個script標簽，get鏈接上發(fā)送回調(diào)函數(shù)名稱 傳給服務器 服務器獲取回調(diào)函數(shù)名稱 返回這個函數(shù)名稱的JS函數(shù)（拼裝函數(shù)） json數(shù)據(jù)作為函數(shù)的實際參數(shù)傳入 返回的數(shù)據(jù)是js函數(shù)  在前端調(diào)用回調(diào)函數(shù)（ json數(shù)據(jù)傳入） 執(zhí)行回調(diào)函數(shù)

3.實例

先來說說 服務端應該返回的數(shù)據(jù)形式 如下所示 用的php  thinphp框架編寫的 訪問URL 是

http://91hx.xicp.cn:8989/Service/Validata/testJsonP?callback=jsonpCallback callback后面的名字要傳給服務器的 后端拼裝成一個js回調(diào)函數(shù) 這樣前臺json數(shù)據(jù)就作為回調(diào)函數(shù)的參數(shù)傳入 獲取到數(shù)據(jù)了

 public function testJsonP(){
    $jsonname =I('get.callback');//獲取URL上的callback名稱 也就是獲取jsonpCallback

    $a = [name=>'張三',sex=>'男',msg=>'返回成功！'];// 一個數(shù)組數(shù)據(jù)
    $json = json_encode($a);// 轉(zhuǎn)成json數(shù)據(jù)

    echo $jsonname.'('.$json.');';//正確的格式應該是這樣 jsonpCallback({"name":"\u5f20\u4e09","sex":"\u7537","msg":"\u8fd4\u56de\u6210\u529f\uff01"}); 不要忘記分號; 這樣返回的才是一個js函數(shù) 前臺肯定有這個函數(shù)名字才行

}

分享文章：淺談JSONP的原理、理解與實例-創(chuàng)新互聯(lián)
文章地址：http://www.rwnh.cn/article22/dcepjc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、做網(wǎng)站、ChatGPT、靜態(tài)網(wǎng)站、軟件開發(fā)、外貿(mào)網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)