如何使用jQuery在两个html页面之间传递变量数据

时间:2017-09-18 12:44:26

标签: javascript jquery html

如何使用jQuery在两个html页面之间传递变量?我有两个html网页main.htmlindex.html。如何从main.html调用函数?

3 个答案:

答案 0 :(得分:0)

这不是最佳做法,但您可以执行类似

的操作 从第一页开始,写一个超链接到下一页, 线

<a href="/page2.html?variable_name=value">click here</a>

这会将您重定向到page2,您将获得URL中的变量。 这称为 GET方法

在第2页中,您可以编写类似

的方法
var parseGetVariables = function(url) {
  var urlParams = {};
  url.replace(
    new RegExp("([^?=&]+)(=([^&]*))?", "g"),
    function($0, $1, $2, $3) {
      urlParams[$1] = $3;
    }
  );

  return urlParams;
}

然后,

var url = location.search;  
var result = parseGetVariables(url );  

然后访问变量as,

result.variable_name

如您所见,使用regEx从URL解码参数。

答案 1 :(得分:0)

如果要从一个链接到另一个,请查看查询字符串属性,会话cookie或本地存储。检测它是否在那里并调用你的功能。

如果index.html是main.html的父级,则可以使用this问题中标记的方法。

如果两个页面都链接到唯一的源,则需要某种套接字服务器。我最喜欢的是socket.io

答案 2 :(得分:0)

localStorage (在私人模式下无效)。 设置:localStorage.setItem(&#39; referal&#39;,referal); 获取var referal = localStorage.getItem(&#39; referal&#39;);