Jquery Mobile, доступ к подробной странице из списка (динамические данные)

Question

Я создаю html5-приложение для работы с использованием Jquery Mobile, которое будет построено как приложение с пробелом телефона.

Приложение загружает список элементов сначала из включенного json-файла, а затем из внешнего URL-адреса (проверяет, следует ли добавлять новые элементы в список) и вставляет его во встроенный sql-db в современном html5. -browsers.

Пока у меня это работает. У меня также есть это, собирая данные и представляя это в списке. Однако следующий шаг меня немного озадачил. Когда пользователь нажимает на элемент в списке, он должен открыть страницу с информацией об этом элементе, взятой из базы данных.

Я обычно работаю в php, и там, конечно, это легко сделать. Просто добавьте переменную в URL с идентификатором, а затем получите строку запроса и используйте ее в коде php.

У кого-нибудь есть хорошая идея, как сделать это лучше всего в JQuery Mobile? У меня есть идея просто использовать хранилище локали и выполнить событие щелчка, которое сохраняет идентификатор в локальном хранилище, а затем использовать его на странице сведений. Такое ощущение, что должен быть лучший способ ...

Answer 1

Как набросок, я бы на странице сидел рядом с названием детали

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

Создайте элементы списка с атрибутом данных html5, содержащим уникальный идентификатор в ссылке привязки

<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);
    }
});