JQTouch：在“视图”之间传递数据

Question

嗨，我今天一直在玩 jqtouch，我只是想知道如何管理数据。

我尝试环顾四周，但没有看到太多文档。

如果我有一个产品的链接列表？我点击一个可以导航到产品“视图”。如何像传递 $_GET 变量一样传递变量来选择该产品？

或者即使我将链接的 id 设置为记录的 id 并使用 JS 获取 ID 并以某种方式将其传递到下一个视图？

任何对此的帮助将不胜感激！

注意：我还想将它与离线扩展一起使用，所以我不确定 get ajax 是否有效

问候，

Billy

Answer 1

您可以使用数据对象的referrer 属性。该链接将如下所示：

<a href="#view" id="1">Product #1</a>

其中 HTML ID 与产品 ID 相对应。然后在“pageAnimationEnd”事件中，您可以检索产品详细信息，如下所示：

$('#view').bind('pageAnimationEnd', function (e, info) {
  // get the id of the calling href
  var id = $(this).data('referrer')[0].id;

  $.getJSON('/products/' + id, function (data) {
    // do something with the data
  });
});

Answer 2

您可以查看演示来了解它是如何进行表单提交的，即AJAX > POST 表单示例。本质上，您创建一个表单和一个 jQT 样式的提交按钮：

<form id="ajax_demo" action="ajax_demo.php" method="POST" class="form">
  ...
  <a class="submit whiteButton" href="#">Submit</a>
</form>

然后在您的接收页面（即 ajax_demo.php）中，您可以访问表单字段，例如 PHP 的 $_GET 或 JavaScript 的 location.search。

另一种方法是使用 jQuery 将数据存储在 DOM 中：

// in global level
$('body').data('ajax_demo', "some data for the page");

// in page/view level
$('#ajax_demo').data('key', 'value');