Передача переменной javascript на следующую страницу jQuery mobile

Question

Я создал динамическое представление из базы данных на моем мобильном устройстве jQuery #page1. Это работает отлично. Я вижу список со всеми элементами из моей базы данных (ID, имя ...)

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

Мои JavaScript:

$(document).on("pagecreate", "#page1",function(){ 
    $(function() { 
     $.ajaxSetup({ 
      "async": false 
     }); 
     $.getJSON("http://server/kas1.js", function(data) { 
      for(var i = 0; i < data.length; i++) { 
       var garm = data[i]; 
       $.getJSON("http://server/kas2.js", function(data) { 
        var no = data[0].no; 
        $("#content-page1").append(
         "<ul data-role=\"listview\">" + 
         "<li><a href=\"#page2\">" + 
         "<h2>Hello</h2>" + 
         "<p>Status:"+data[0].no+"</p>" + 
         "</a></li>" + 
         "</ul><br>" 
         ); 
       }); 
      } 
     }); 
     $.ajaxSetup({ 
      "async": true 
     }); 
    }); 
}); 

Вы можете увидеть строку: "<li><a href=\"#page2\">" +

С этой ссылке вы перенаправлять на следующую страницу и на следующей странице, я хочу использовать переданную ID.

Answer 1

Попробуйте это:

$(document).on("pagecreate", "#page1",function(){ 

    $(function() { 
     $.ajaxSetup({ "async": false }); 


     $.getJSON("http://server/kas1.js", function(data) { 
      for(var i = 0; i < data.length; i++) { 
       var garm = data[i]; 

       $.getJSON("http://server/kas2.js", function(data) { 
        var no = data[0].no; 

        $("#content-page1").append(
         "<ul data-role=\"listview\">" + 
          "<li><a href='#page2?garm_id='" + garm.ID + ">" + 
           "<h2>Hello</h2>" + 
           "<p>Status:"+data[0].no+"</p>" + 
          "</a></li>" + 
         "</ul><br>" 
        ); 
       }); 

      } 
     }); 


     $.ajaxSetup({ "async": true }); 
    }); 

}); 

На второй странице:

function queryStringParameters (keyValueString) { 
    var query_string, whole_query_string, query_string_obj = {}; 
    if (typeof keyValueString === "undefined") { 
     whole_query_string = window.location.search; 
     if (whole_query_string[0] === "?") { 
      query_string = whole_query_string.replace('?', ''); 
     } else { 
      query_string = whole_query_string; 
     } 
    } else { 
     query_string = keyValueString 
    } 
    var query_string_array = query_string.split('&'); 
    if (query_string !== '') { 
     for (var i = 0; i < query_string_array.length; i++) { 
      var query = query_string_array[i], 
       query_array = query.split('='); 
      query_string_obj[query_array[0]] = query_array[1] || ''; 
     } 
     return query_string_obj; 
    } else { 
     return {}; 
    } 
} 


var hash = window.location.hash, 
    queryString = hash.split('?')[1], 
    garm = queryStringParameters(queryString), 
    garm_id = garm.id; 

Answer 2

Я надеюсь, что это работает:

'<li><a href="#page2,garmId='+ garm.ID +'">' 

тогда, стр.2 вы можете (я надеюсь) разобрать хэштег, чтобы получить идентификатор

Надеется, что это помогает, веселит