Question

希望你们都很好，并且撼动你的代码编辑。

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

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

在页面“A”上我有网页“B”，加载页面“B”html我将该网址直接指向页面“B”为<a href="page-B.html" rel="{{id}}">{{deptName}}</a>（不要看{{1}它是Mustache.js标签）。

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

现在因为我从JSON获取数据，我需要将{{}}传递给页面B，以告诉我想从JSON获取哪些数据。

你是如何做到这一点的好主意或实用代码？

谢谢！

P.S。

$ .delegate中的页面“B”我需要该ID来执行类似的操作：

rel="{{id}}"

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/

Answer 2

我找到了一个简单的解决方案，它是 window.sessionStorage 。

在我的特殊情况下，我点击URL /链接，获取href（这是我的id所在的位置），用 window.sessionStorage 保存，更改 window.location 到新页面并做我的JSON魔术。

代码：

在页面“A”：

$('a').live('click', function(){

        var currentID = $(this).attr('href');

        window.sessionStorage.setItem('parentId', currentID);

        window.location = 'page-B.html';

        return false;

        });

在页面“B”：

var parentId = sessionStorage.getItem('parentId');

$.ajax({
 url: 'http://www.url.com/file.json?id=' + parentId + '',
 dataType: 'json',
 success: function(data) {
    alert('Success!');
 }
});

Vuala！希望能帮助别人。

Answer 3

您可以使用全局变量来实现您的问题，而不是传递查询字符串（Url数据）。

例如：

// Your global variable 
var global_varible = '';

在第A页，

global_varible = your_data;

在页面B中，您可以访问global_varible

JqueryMobile（JQM），Json并将数据传递到新页面

3 个答案: