ajax getJSON()函數
翻譯結果:
get
英[get] 美[ɡɛt]
vt.得到;抓住;說服;受(懲罰等)
vt.& vi.到達,來
vi.成為;開始;設法對付;獲得利益或財富
n.生殖,幼獸;贏利
JSON
物件符號;資料格式;實例;輕量級的資料交換格式;表示法
ajax getJSON()函數語法
作用:在 jQuery 1.2 中,您可以透過使用 JSONP 形式的回呼函數來載入其他網域的 JSON 數據,如 "myurl?callback=?"。 jQuery 將自動替換 ? 為正確的函數名,以執行回呼函數。注意:此行以後的程式碼將在這個回呼函數執行前執行。
語法:jQuery.getJSON(url,data,success(data,status,xhr)
參數:
#參數 | 描述 |
#url | 必要。規定將請求傳送的哪一個URL。 |
data | 可選。規定連同請求傳送至伺服器的資料。 |
success(data,status,xhr) | 可選。規定當請求成功時執行的函數。額外的參數:response - 包含來自請求的結果資料status - 包含請求的狀態xhr - 包含XMLHttpRequest 物件 |
##說明:###此函數是簡寫的Ajax 函數,等價於:$.ajax({url: url,data: data, success: callback,dataType: json});傳送到伺服器的資料可作為查詢字串附加到URL 之後。如果 data 參數的值是物件(映射),那麼在附加到URL 之前將轉換為字串,並進行URL 編碼。傳遞給 callback 的返回數據,可以是JavaScript 對象,或以JSON 結構定義的數組,並使用$.parseJSON() 方法進行解析。###
ajax getJSON()函數範例
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $.getJSON("这里是你的json 文件地址",function(result){ $.each(result, function(i, field){ $("p").append(field + " "); }); }); }); }); </script> </head> <body> <button>获得 JSON 数据</button> <p></p> </body> </html>