首頁  >  文章  >  web前端  >  json與jsonp使用小結

json與jsonp使用小結

php中世界最好的语言
php中世界最好的语言原創
2018-04-24 17:21:301263瀏覽

這次帶給大家json與jsonp使用小結,json與jsonp使用的注意事項有哪些,下面就是實戰案例,一起來看一下。

json

1. json 的值可以是以下這些型別:

① 數字(整數或浮點數) ,例如123,1.23

字串(在雙引號中)

③ 邏輯值(true 或false)

④ 陣列(在方括號中)

⑤ 物件(在花括號中)

⑥ null

2. json解析方法

#① eval('(' jsondata ')' ); 使用時永遠是不安全的,程式碼注入

② JSON.parse(jsondata);

JSONLint json:字串校驗工具

3. jQuery 實作ajax

jQuery.ajax([settings])

type :類型

url :發送請求的位址

data :是一個對象,連同請求傳送到伺服器的資料

dataType :預期伺服器傳回的資料類型,如果沒有指定,jQuery 會自動根據HTTP套件MIME資訊來智慧判斷,一般我們採用json 格式,可以設定為”json”

success :是一個方法,請求成功後的的回呼函數,傳入返回後的數據,以及包含成功程式碼的字串

error :是一個方法,請求失敗時呼叫此函數。傳入XMLHttpRequest 物件

jsonp

#跨網域

一個網域位址的組成:

http://www .abc.com :8080 / scripts/jquery.js

協定://子網域.主網域:連接埠號碼/ 要求資源位址

#當協定、子網域、主網域、連接埠號碼中任一個不行同時,都算是不同域

不同網域之間互相請求資源,就算是「跨域」

javascript 出於安全性方面的考慮,不允許跨域呼叫其他頁面的物件。

什麼是跨域呢?簡單的解釋就是因為javascript同源策略的限制,a.com 網域下的js無法操作b.com 或是c.a.com網域下的物件

處理跨域方法:

—— 代理(屬於後台技術)例如在北京的web伺服器的後台來呼叫上海伺服器的服務,看然後再把回應結果回傳給前端,這樣前端呼叫北京同網域的伺服器就和呼叫上海的服務效果相同了。

——JSONP

a網域去聲明,b網域去呼叫

注意:JSONP只能用於GET 請求,不支援POST請求 (限制)

—— XHR2

HTML5 提供的XMLHttpRequest Level2 已經實現了跨域存取以及其他的一些新功能

IE10 以下的版本都不支援

在服務端做一些小小的改造即可:

header("Access-Control-Allow-Origin:"); 表示所有的伺服器都可以訪問,也可以替換成特定的域名,比如說:伺服器在上海,*換成北京伺服器的域名,這樣只有從北京的域名才可以存取

header("Access-Control-Allow-Methods:POST,GET");

下面說下jsonp 的優缺點。

同源策略 :即JavaScript只能存取與包含它的文件在同一網域下的內容。 jsonp可以跨越同源策略,當我們使用了jsonp,將會是另外一種協定通訊了。

JSONP的優點是:它不像XMLHttpRequest物件實現的Ajax請求那樣受到同源策略的限制;它的兼容性更好,在更古老的瀏覽器中都可以運行,不需要XMLHttpRequest或ActiveX的支持;並且在請求完畢後可以透過呼叫callback的方式回傳結果。

JSONP的缺點則是:它只支援GET請求而不支援POST等其它類型的HTTP請求;它只支援跨域HTTP請求這種情況,不能解決不同域的兩個頁面之間如何進行JavaScript呼叫的問題。

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

jquery中ajax執行順序調整

#Ajax與$.ajax實例詳解

#jQuery怎麼做出監控頁面ajax請求

#

以上是json與jsonp使用小結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn