什么是jsonp

什么是jsonp

什么是jsonp,jsonp是什么,jsonp如何使用

 

首先先知道

  1. jsonp的核心原理就是目標頁面回調本地頁面的方法,并帶入參數
  2. 我們常用的動態頁面有jsp,php,aspx

 

為什么需要JSONP?

由于瀏覽器安全限制,數據是不可以直接跨域(包括不同的根域名、二級域名、或不同的端口)請求的,除非目標域名授權你可以訪問。比如設置crossdomain.xml 或在http頭部里授權

但是crossdomain.xml會允許設置的網站訪問所有的數據,而頭部設置又非常麻煩。

所以可以在你授權的數據返回里設置jsonp來讓該接口允許所有的調用者獲取數據。

 

JSONP的原理

jsonp是使用方法回調的原理.

在網頁里,你如果引入其他網頁的js,那這個頁面的js是可以調用你網頁的代碼的

直接請求js 和 請求的動態頁面(jsp,php,aspx)里輸出的javascript代碼 效果一樣

如果引用的js或動態頁面里有 showjson({"url":"http://www.tndagmpa.buzz"});這行代碼的話,那就會彈出 http://www.tndagmpa.buzz

 

jsonp的第一種方式,將目標作為js形式加載過來,盡管其實對方是一個php

下面我們在這個頁面里來請求http://www.ibilibili.com/static/js/forbejson/userinfo.php頁面的數據,這個php頁面數據會有回調函數showjson,來調用我們這個bejson頁面里的 showjson方法 并將一個json傳入:

請求又回調函數的php:

http://ww3.sinaimg.cn/large/7fa0b485jw1evv94p3v16j20oz09xtb5.jpg

那如果我們抓包后就會看到(如上圖),點擊按鈕后發起了一個http請求,

請求了//www.tndagmpa.buzz/test/userinfop.php頁面,

頁面里輸出了 showjson({"url":"http://www.tndagmpa.buzz"}) ,

因為是以javascript文件形式加載過來 ,所以他會對本地頁面showjson發起回調(看綠色箭頭),并傳入json參數(看紅色箭頭),所以就會彈出了json中的url。

 

直接用jquery的ajax來請求jsonp

感謝葫蘆指出代碼錯誤,并提供正確代碼

您最近使用了:

收藏 菜單 QQ
广东麻将技巧 广西快乐十分好运四组合技巧 独行侠vs鹈鹕 网上棋牌赌博送10元 九乐棋牌游戏下载安装 彩票开奖查询内蒙古11选5 捕鱼大师手机下载下载 打成都麻将的技巧 成都麻将下载手机版 走势图连线 浙江20选5走势图(带坐标线) 彩票走势图上海11选分布 十一运夺金胆拖表 篮网短袖球衣 免费麻将游戏大全 娱网棋牌官方下载 有名的棋牌游戏平台