jQuery Mobile实现listview数据加载

要通过jQuery Mobile实现列表视图（listview）的数据加载，您可以使用Ajax来获取数据并动态更新列表视图。以下是一个简单的示例：

HTML:

<div data-role="page">
  <div data-role="header">
    <h1>列表视图数据加载</h1>
  </div>
  <div data-role="content">
    <ul data-role="listview" id="myList">
      <!-- 这里将通过Ajax动态加载项目 -->
    </ul>
  </div>
</div>

JavaScript:

$(document).on('pagecreate', function() {
  var url = 'your_data_url'; // 数据接口的URL

  // 使用Ajax获取数据
  $.ajax({
    url: url,
    dataType: 'json',
    success: function(data) {
      var $list = $('#myList');
      
      // 清空列表
      $list.empty();
      
      // 添加新项目到列表
      $.each(data, function(index, item) {
        var listItem = '<li>' + item.name + '</li>';
        $list.append(listItem);
      });
      
      // 刷新列表视图样式
      $list.listview('refresh');
    }
  });
});

在这个示例中，我们使用Ajax来获取数据。您需要将`url`变量替换为您自己的数据接口URL，并确保返回的数据是按照所需的格式（例如JSON）。

在`success`回调函数中，我们首先清空列表视图，然后遍历数据并将每个项目添加为一个新的列表项。最后，我们使用`listview('refresh')`方法刷新列表视图的样式，使新加载的项目生效。

请注意，这只是一个简单的示例，您可能需要根据您的实际需求进行修改和优化。另外，还可以在Ajax请求之前显示加载指示器，以提高用户体验。