JqueryMobile (JQM)、Json 并将数据传递到新页面

Question

希望你们一切顺利，并让您的代码编辑器动起来。

我的问题是如何将 url rel 传递到新页面以便将来使用它？

让我给你举一个比 1000 字更好的例子。

在页面“A”上，我有页面“B”的网址，要加载页面“B”html，我将该网址直接指向页面“B”，如 <a href="page-B.html" rel="{{id}}">{{deptName}}</a> (别看 {{}} 这是 Mustache.js 标签)。

因此，当我单击该链接时，它会正常工作，将我指向页面“B”并加载新的 html 布局(与页面“A”不同)。

现在因为我从 JSON 获取数据，所以我需要传递 rel="{{id}}"到 page-B 告诉我想要从 JSON 中获取哪些数据。

有什么好的想法或实用的代码吗？

谢谢!

附注

在 $.delegate 的“B”页上，我需要该 id 来执行类似的操作:

$.ajax({
        beforeSend: function() { $.mobile.showPageLoadingMsg() }, //Show spinner
        complete: function() { $.mobile.hidePageLoadingMsg() }, //Hide spinner
        url: 'http://website.com/categoryJSON.ashx?&catId=THE_ID&callback=?',
        dataType: 'json',
        success: function(data) {
            var template = $('#pageCategoryTpl').html();
            var html = Mustache.to_html(template, data);
            $('[data-role=content]:first').html(html);
        }
    });

Answer 1

尝试以下方式跨页面传输多个数据。

HTML

<a href="#detail?id=1234&another_id=5678" id="carrier-btn" data-role="button">link button with extra data</a>

JS

$(document).bind('pageshow', function(evt, data) {
    var id = queryParam("id"); //def of queryParam() in below fiddle
    var anotherId = queryParam("another_id");
    //console.log(id);
    //console.log("page show", evt, data);
    $(evt.target).find("#queryData").text(id);
    $(evt.target).find("#queryData1").text(anotherId);
});

完整源代码http://jsfiddle.net/dhavaln/MPmJH/