您好,登錄后才能下訂單哦!
小編給大家分享一下jQuery.getJSON有什么用,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
jQuery.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] )
描述: 使用一個HTTP GET請求從服務器加載JSON編碼的數據。
url
類型: String
一個包含發送請求的URL字符串
data
類型: PlainObject
發送給服務器的字符串或Key/value鍵值對。
success(data, textStatus, jqXHR)
類型: Function()
當請求成功后執行的回調函數。
這是一個Ajax函數的縮寫,這相當于:
$.ajax({
dataType: "json",
url: url,
data: data,
success: success
});
數據會被附加到一個查詢字符串的URL中,發送到服務器。如果該值的data參數是一個普通的對象,它會轉換為一個字符串并使用URL編碼,然后才追加到URL中。
大多數情況下都會指定一個請求成功后的回調函數:
$.getJSON('ajax/test.json', function(data) {
var items = [];
$.each(data, function(key, val) {
items.push('<li id="' + key + '">' + val + '</li>');
});
$('<ul/>', {
'class': 'my-new-list',
html: items.join('')
}).appendTo('body');
});
這個例子,當然遵循JSON文件的結構:
{
"one": "Singular sensation",
"two": "Beady little eyes",
"three": "Little birds pitch by my doorstep"
}
使用這種結構,這個例子遍歷請求的數據,建立了一個無序列表,并追加到body。
在success回調中傳入返回的數據,通常是一個JavaScript對象或數組所定義的JSON結構,使用$.parseJSON()方法解析。它(success回調)也傳入了響應狀態文本。
在jQuery 1.5,,在success回調函數接收一個“jqXHR”對象 ( 在jQuery 1.4中 ,它收到的是XMLHttpRequest對象)。然而,由于JSONP形式和跨域的GET請求不使用XHR,在這些情況下, jqXHR和textStatus參數傳遞給success(成功)回調是 undefined 。
重要提示: 從jQuery 1.4開始,如果JSON文件包含一個語法錯誤,該請求通常會靜靜的失敗。因此應該避免頻繁手工編輯JSON數據。JSON語法規則比JavaScript對象字面量表示法更加嚴格。例如,所有在JSON中的字符串,無論是屬性或值,必須用雙引號括起來 。
看完了這篇文章,相信你對“jQuery.getJSON有什么用”有了一定的了解,如果想了解更多相關知識,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。