私は小さくてシンプルなjquery-mobileアプリを書いています。
最初のページはカテゴリのリスト ビューで、ajax リクエストから取得した json によって入力されます。
2 番目のページは、ユーザーがカテゴリの 1 つをクリックしたときに呼び出される必要があります。
ajax リクエストによっても取得されるアイテムのリストで開く必要があります。リクエストは、パラメータとして category_id を取得する必要があります。
マルチページ パターン (同じ html 内の複数のページ) を使用する予定です。
これは私のjsコードです:
$(function() {
initListByUrl($("#categories_ul"), 'http://localhost:3000/categories');
});
function initListByUrl(id, requestUrl) {
$.ajax({
url: requestUrl,
type:'GET',
dataType:'json',
success: function(data) {
var items = []
$.each(data, function(i, elem) {
items.push('<li id="cat_li_'+i+'"><a href="#items">' + elem.name + '</a></li>');
});
id.html(items).listview('refresh');
}
});
}
カテゴリの ID は elem の別のフィールドです。ここでは elem.id とします。この ID をパラメーターとして 2 番目のページを作成するコードに渡すにはどうすればよいですか? セッション ストレージを使用する必要がありますか?