jQuery在页面之间传递数据

Question

我是jQuery的新手。 有没有办法通过jQuery检索在另一个页面中booked的值？

$(document).ready(function() {
    $(".active").click(function() {
        var booked=$(this).val();
        confirm(booked);
    });
});

Answer 1

如果纯粹在客户端使用cookie或HTML5 localStorage 。

localStorage.setItem('bookedStatus' + customerId, true);

如果数据已经提交给服务器，则使用ajax 。

$.get('/site/getBookingStatus?customerId=' + customerId, function(data){
   alert(data);
});

Answer 2

或者，如果这是一个简单的字符串，您可以在导航到另一个页面时附加页面的URL。 如果这是安全数据，您可以加密字符串并附加。

您的网址为： example.com/nextPage?x=booked

在下一页中，您可以通过解码它来获取字符串：

var encodedData = window.location.href.split('=')[1];
var bookedValue = decodeURI(encodedData);

如果您已加密脚本，则必须在下一页中解密。

Answer 3

localStorage在移动浏览器上不能很好地工作。 我已经放弃了尝试让localStorage在iPhone / Safari上工作。 如果您没有传递太多数据，那么一个简单的解决方案是使用通常的？param =语法将数据附加到您导航到的URL：

// set your data in the source page 
function set_url_data(go_to_url, data) {
  new_url = go_to_url + '?data=' + data;
  window.location.href = new_url;
}

// parse your data in the destination page 
function grab_data_from_url() {
  url = window.location.href;
  data = url.split('data=').pop();
  return(data)
}

Answer 4

如果cookie位于同一个域中，您可以尝试使用cookie。

您需要使用jQuery cookie 插件 （以解决跨浏览器问题）。

你应该尝试做这样的事情：

1. 生成第1页的变量。
2. 将此变量另存为会话cookie。
3. 在第2页上，您现在可以访问会话cookie。
4. 如果用户在未访问第1页的情况下直接访问了第2页，则应设置默认值。
5. 完成！