Question

我有一个页面userLanding.jsp 当用户执行搜索时，页面将给出多个结果。我需要检查选定的动态结果（到目前为止成功），现在问题是我需要将所选div的数据发送/传输/检索到另一个页面。

我该怎么做？

以下是我要检查选择的结果的代码。

$('.demo-card-wide').click(function(){
    article = $(this).text(); 
});

$(document).on('click', '.demo-card-wide', function(){
    alert("clicked on result!!");
    var id = this.id;
    window.location = "http://localhost:8080/CarPool/test.jsp#"+id;  
});

Answer 1

由于您要重定向到具有要设置为URL哈希值的新页面，因此您可以使用window.location.hash在页面加载时访问该值（尽管我不相信过去的数据）因为它可以在加载后由页面改变）

$(function(){
    var id = window.location.hash;
    // do something with id...
});

如果您需要保留比这更远的数据，您可以查看localstorage或服务器端解决方案。

只是为了笑容，我就是这样做的（使用localstorage）：

使这两个页面都可以使用此代码：

  /**
   * Feature detect + local reference for simple use of local storage
   * Use this like:
   * if (storage) {
   *    storage.setItem('key', 'value');
   *    storage.getItem('key');
   * }
   *
   */
  var storage;
  var fail;
  var uid;
  try {
    uid = new Date;
    (storage = window.localStorage).setItem(uid, uid);
    fail = storage.getItem(uid) != uid;
    storage.removeItem(uid);
    fail && (storage = false);
  } catch (exception) {}
  /* end  Feature detect + local reference */

在第一页上有这个：

  $(document).on('click', '.demo-card-wide', function() {
    if (storage) {
      alert("clicked on result!!");
      storage.setItem('article-id', this.id);
      window.location = "http://localhost:8080/CarPool/test.jsp";
    } else // some error message
  });

在第二页上，执行以下操作：

  $(function() {
    if (storage) {
      var id = storage.getItem('article-id');
      // do something with id...
    }
  });

将多个搜索结果中的一个发送到另一个页面

1 个答案: