javascript - 我可以在使用 jQuery Mobile 时通过 URL 传递信息吗？

Question

我有一个移动应用程序可以打开一个应用程序内浏览器，该浏览器使用 URL 将信息(例如设备 ID)传递到我的服务器。

例如浏览器将打开网页(jquery Mobile):www.myserver.com/doWork.html#deviceID

在 doWork.html 文件中使用 JavaScript 的服务器部分，我得到这样的设备 ID:

var userId = window.location.hash.substring(1);

我可以使用 hash # 传递信息吗？在 jquery mobile 中，当有人使用 Multi-Page template structure 时，hash # 用于在页面之间切换。所以我担心也许我应该使用其他东西，比如问号 (?) ?

还是完全没问题？

Answer 1

没有。停止使用 # 进行数据传输。 让 jQM 做它的事情。不要打扰它。使用查询字符串(在 url 中添加 ?)。 我的建议是停止使用查询字符串(? 标签)和# 标签将数据发送到下一页。使用 localStorage 处理它。与查询字符串相比，它更安全，因为用户不会看到 URL 更改，因此您的敏感数据至少在一定程度上被隐藏了。 localStorage 是 HTML5 的 API，就像为每个域预留的临时存储空间。此数据将持续存在，直到缓存中的数据被清除。假设您有一个指向 dowork.html 的 anchor 标记，

<a href="doWork.html" data-role="button">Go to Do work</a>

在标签本身中添加设备 ID 属性，如下所示:

<a href="doWork.html" data-deviceid="10" data-role="button">Go to Do work</a>

您可以动态地执行此操作，您也可以以相同的方式使用它。您明白要点了吗？

点击事件看起来像这样:

$(document).on("click", "a", function(e) //use a class or ID for this instead of just "a"
  //prevent default
  e.preventDefault();
  //get device id from tag attribute
  var deviceId = $(this).data("deviceid");
  //set it in localStorage 
  localStorage["dId"] = deviceId;
  //redirect 
  $.mobile.changePage(this.href);
});

然后，在其他页面的 pageinit(或任何事件)中，从存储中获取设备 ID 并将 ajax 调用发送到服务器。

//assuming #dowork is the id of a div with data-role="page"
$(document).on("pageinit", "#dowork", function() { 
  //get from storage
  var deviceId = localStorage["dId"];
  //make ajax call or server call with deviceId here
});

但是，如果您仍想为此使用 URL，look at this question .我已经在那边给出了足够体面的答案。