簡單介紹jsonp 使用小結(jié)

更新時間：2016年01月27日 11:45:33 作者：ZJH_BLOGS

Jsonp(JSON with Padding) 是 json 的一種"使用模式"，可以讓網(wǎng)頁從別的域名（網(wǎng)站）那獲取資料，即跨域讀取數(shù)據(jù)，本文給大家簡單介紹jsonp 使用小結(jié) ，需要的朋友參考下

Jsonp(JSON with Padding) 是 json 的一種"使用模式"，可以讓網(wǎng)頁從別的域名（網(wǎng)站）那獲取資料，即跨域讀取數(shù)據(jù)。

為什么我們從不同的域（網(wǎng)站）訪問數(shù)據(jù)需要一個特殊的技術(shù)(JSONP )呢？這是因為同源策略。

同源策略，它是由Netscape提出的一個著名的安全策略，現(xiàn)在所有支持JavaScript 的瀏覽器都會使用這個策略。

首先：jsonp是json用來跨域的一個東西。

原理是通過script標(biāo)簽的跨域特性來繞過同源策略。

經(jīng)過測試實驗：

發(fā)送端：

$.ajax({
type : "post",
url : "ajax.php",
dataType : "jsonp",
jsonp: "callback",//傳遞給請求處理程序或頁面的，用以獲得jsonp回調(diào)函數(shù)名的參數(shù)名(默認(rèn)為:callback)
jsonpCallback:"jsonpcallback",//自定義的jsonp回調(diào)函數(shù)名稱，默認(rèn)為jQuery自動生成的隨機函數(shù)名
success : function(json){
alert('success');
},
error:function(){
alert('fail');
}
});

服務(wù)器端（php）：

<?php
$data = "aaa";
$callback = $_GET['callback'];
echo $callback.'('.json_encode($data).')';
exit;
?>

您可能感興趣的文章:

jsonp
使用

相關(guān)文章

jQuery1.9.1針對checkbox的調(diào)整方法(prop)
這篇文章主要介紹了jQuery1.9.1針對checkbox的調(diào)整方法，用prop代替attr
2014-05-05
jQuery的實現(xiàn)原理的模擬代碼 -5 Ajax
對于 xhr 對象來說，我們主要通過異步方式訪問服務(wù)器，在 onreadystatechange 事件中處理服務(wù)器回應(yīng)的內(nèi)容。簡單的 xhr 使用如下所示。
2010-08-08
無需 Flash 使用 jQuery 復(fù)制文字到剪貼板
需要做的只是引入其腳本，在HTML標(biāo)簽上賦一個“data-clipboard-target”屬性然后寫一小段JavaScript片段。為了演示假定有一個貨幣轉(zhuǎn)換應(yīng)用，在一個文本框中輸入數(shù)值時同時將兌換結(jié)果顯示在另一個文本框中，當(dāng)點擊文本框時，會觸發(fā)事件將其復(fù)制到剪貼板然后顯示一條消息。
2016-04-04
jQuery插件FusionCharts繪制的2D雙面積圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制的2D雙面積圖效果,結(jié)合實例形式分析了jQuery使用插件FusionCharts結(jié)合xml格式數(shù)據(jù)繪制2D雙面積圖的具體步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2017-04-04
ASP.NET jQuery 實例7 通過jQuery來獲取DropDownList的Text/Value屬性值
這節(jié)我們將通過jQuery來獲取DropDownList的Text/Value屬性值,需要的朋友可以參考下
2012-02-02
jQuery根據(jù)name屬性進行查找的用法分析
這篇文章主要介紹了jQuery根據(jù)name屬性進行查找的用法,結(jié)合實例形式分析了jQuery各種常見name屬性獲取元素的相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
2016-06-06
Jquery中的offset()和position()深入剖析
jquery 中有兩個獲取元素位置的方法offset()和position()，這兩個方法之間有什么異同？使用的時候應(yīng)該注意哪些問題？什么時候使用offset(),什么時候又使用position()呢？
2009-05-05
Easyui在treegrid添加控件的實現(xiàn)方法
這篇文章主要介紹了Easyui在treegrid添加控件的實現(xiàn)方法,需要的朋友可以參考下
2017-06-06
這篇文章主要介紹了jQuery鏈?zhǔn)讲僮?實例分析了jQuery基于鏈?zhǔn)讲僮鲃討B(tài)改變頁面元素樣式的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-11-11