一、JSON 與 JSONP?

JSON是一種基于文本的數(shù)據(jù)交換方式（數(shù)據(jù)描述格式），JSONP是一種非官方跨域數(shù)據(jù)交互協(xié)議。

ajax的核心是通過XmlHttpRequest獲取非本頁內(nèi)容，而jsonp的核心則是動態(tài)添加<script>標(biāo)簽來調(diào)用服務(wù)器提供的js腳本。

二、為什么要用JSONP

Ajax直接請求普通文件是跨域無權(quán)限訪問的，但是Web頁面上調(diào)用js文件時(shí)則不受是否跨域影響，于是服務(wù)端可以將數(shù)據(jù)裝進(jìn)JS文件傳輸回來。jQuery支持JSONP。

方式：用戶傳遞一個callback參數(shù)給服務(wù)端，然后服務(wù)端返回?cái)?shù)據(jù)時(shí)會將這個callback參數(shù)作為函數(shù)名來包裹住JSON數(shù)據(jù)，這樣客戶端就可以隨意定制自己的函數(shù)來自動處理返回?cái)?shù)據(jù)了。

?

三、DEMO

JQUERY

?

$.ajax({type: "get",async: false,//true為異步請求(默認(rèn))。false為同步請求，同步請求將鎖住瀏覽器，用戶其它操作必須等待請求完成才可以執(zhí)行。url: "",data:{},//發(fā)送到服務(wù)器的數(shù)據(jù)。將自動轉(zhuǎn)換為請求字符串格式。GET 請求中將附加在 URL 后。dataType: "jsonp",//預(yù)期服務(wù)器返回的數(shù)據(jù)類型。如果不指定，jQuery 將自動根據(jù) HTTP 包 MIME 信息來智能判斷.使用 JSONP 形式調(diào)用函數(shù)時(shí)，如 "myurl?callback=?" jQuery 將自動替換 ? 為正確的函數(shù)名，以執(zhí)行回調(diào)函數(shù)。jsonp: "callback",//傳遞給請求處理程序或頁面的，用以獲得jsonp回調(diào)函數(shù)名的參數(shù)名(默認(rèn)為:callback)jsonpCallback:"",//自定義的jsonp回調(diào)函數(shù)名稱，默認(rèn)為jQuery自動生成的隨機(jī)函數(shù)名，也可以寫"?"，jQuery會自動為你處理數(shù)據(jù),（如果沒設(shè)置，服務(wù)器可以用$_GET['callback']取到j(luò)query默認(rèn)生成的隨機(jī)函數(shù)名）success: function(data){//請求成功后的回調(diào)函數(shù)。console.log(data);},error: function(msg){//請求失敗時(shí)調(diào)用此函數(shù)。console.log(msg);}});

　　

PHP

function jsonp($json){$callback = isset($_GET['callback']) ? $_GET['callback'] : $_POST['callback'];if (!preg_match('|^[0-9a-zA-Z_]+$|',$callback))exit('callback invalid');if (is_array($json)){$json = json_encode($json);}echo $callback.'('.$json.');';exit;}jsonp(array('ret'=>0));

　　

轉(zhuǎn)載于:https://www.cnblogs.com/lzs-888/p/5392881.html

總結(jié)

以上是生活随笔為你收集整理的初步了解JSONP的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。