Sử dụng jQuery.getJSON() trong jQuery

Tải dữ liệu mã hóa JSON từ máy chủ bằng cách sử dụng một yêu cầu HTTP GET.

jQuery.getJSON(url, [data], [success(data, textStatus, jqXHR)])

url: Một chuỗi có chứa các URL mà yêu cầu được gửi.

data: Một bản đồ hoặc chuỗi được gửi cho máy chủ với yêu cầu.

success: (data, textStatus, jqXHR) Một hàm callback đó là thực hiện nếu yêu cầu thành công.

Đây là một cách viết tắt của Ajax, tương đương với:

$.ajax({url: url, dataType: 'json', data: data, success: callback });

Dữ liệu được gửi cho máy chủ được gắn cho các URL như là một chuỗi truy vấn. Nếu giá trị của tham số dữ liệu là một đối tượng (Map), thì được chuyển thành một chuỗi và url mã hóa trước khi nó được nối cho URL.

$.getJSON('ajax/test.json', function(data) {

    var items = [];

    $.each(data, function(key, val) {

         items.push('

' + val + '

');

    });

    $('

', { 'class': 'my-new-list',

        html: items.join('')

     }).appendTo('body');

});

Ví dụ này, tất nhiên, được dựa vào cấu trúc của tập tin JSON:

{

"one": "Singular sensation",

"two": "Beady little eyes",

"three": "Little birds pitch by my doorstep"

}

Sử dụng cấu trúc này, ví dụ như các vòng qua các dữ liệu yêu cầu, xây dựng một danh sách không có thứ tự, và gắn thêm nó cho body.

Các callback thành công được thông qua các dữ liệu trả về, thường là một đối tượng JavaScript hoặc mảng được định nghĩa bởi cấu trúc JSON và phân tích cú pháp sử dụng method $.parseJSON(). Nó cũng thông qua tình trạng văn bản của response.

JSONP

Nếu URL bao gồm chuỗi "callback =?" (hoặc tương tự, theo quy định của phía máy chủ API), yêu cầu được đối xử như JSONP thay thế. Xem các cuộc thảo luận về các kiểu dữ liệu jsonp trong $.ajax() để biết thêm chi tiết.

Ví dụ: tải bốn hình ảnh con mèo mới nhất từ JSONP Flickr API.

Ví dụ: Nạp dữ liệu JSON từ test.js và truy cập một tên từ các dữ liệu JSON trả lại.

$.getJSON("test.js", function(json) {

      alert("JSON Data: " + json.users[3].name);

});

Ví dụ: Nạp dữ liệu JSON từ test.js, đi dọc theo dữ liệu bổ sung, và truy cập một tên từ các dữ liệu JSON trả lại.

$.getJSON("test.js", { name: "John", time: "2pm" }, function(json) {

       alert("JSON Data: " + json.users[3].name);

});

DangTrung.