javascript - 将 javascript 变量传递到下一个 jQuery 移动页面

Question

我在 jQuery 移动设备上从数据库创建了一个动态 ListView #page1 。这一切都很完美。我可以看到包含数据库中所有项目的列表(ID、名称...)

现在我想传递ID garm.ID在我单击 ListView 中的项目后，从我的数据库项目到下一页。

我的 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;