Jquery Mobile，从列表访问详细信息页面（动态数据）

我正在使用Jquery Mobile为工作构建一个html5应用程序，该应用程序稍后将像phonegap应用程序一样构建

该应用程序首先从包含的json文件加载项目列表，然后从外部url加载（它检查是否应将新项目添加到列表中），并将其插入现代html5浏览器中的内置sql db中

到目前为止，我已经成功了。我还让它把数据带出来，并在列表中显示出来。然而，下一步我有点不知所措。当用户单击列表中的某个项目时，应打开一个页面，其中包含该项目的信息，这些信息取自数据库

我通常在php中工作，在那里做起来当然很容易。只需向url添加一个id为的变量，然后获取querystring并在php代码中使用它

---

有人知道如何在JQuery Mobile中做到最好吗？我的一个想法是简单地使用区域设置存储，并执行一个click事件，将一个id存储到本地存储中，然后在详细信息页面上使用它。感觉应该有更好的方法，但是…

作为一个大纲，我会在dom中有一个叫做细节的页面

<div data-role="page" id="details">
</div>

<li><a href="#details" data-uid="1" class="detailslink">Your list item</a></li>

$('.detailslink').bind('click', function(e){
    var id = $(this).data('uid');
    $.post('urltophp', {'id': id}, function(data){
        $('#details').html(data);
    }
});