ajax - 如何使用来自服务器的JSON数据填充jQuery Mobile ListView ？

Question

我正在将jQuery Mobile与PhoneGap结合使用。如何从服务器提取JSON数据并将其填充到 ListView 中。

Answer 1

看看w3schools和jQuery API上的jQuery.getJSON()方法。

jQuery API的示例:

$.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');
});

This example, of course, relies on the structure of the JSON file:

{
  "one": "Singular sensation",
  "two": "Beady little eyes",
  "three": "Little birds pitch by my doorstep"
}

Using this structure, the example loops through the requested data, builds an unordered list, and appends it to the body.