一、JSON 與 JSONP?

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

ajax的核心是通過XmlHttpRequest獲取非本頁內容，而jsonp的核心則是動態添加<script>標簽來調用服務器提供的js腳本。

二、為什么要用JSONP

Ajax直接請求普通文件是跨域無權限訪問的，但是Web頁面上調用js文件時則不受是否跨域影響，于是服務端可以將數據裝進JS文件傳輸回來。jQuery支持JSONP。

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

?

三、DEMO

JQUERY

?

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

　　

轉載于:https://www.cnblogs.com/lzs-888/p/5392881.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。