如何将Jquery值传递给其他页面？

我正在尝试在新页面加载后将输入值传递到其他页面。 只有HTML和jQuery才有可能吗？

这是我的代码：

 
G
 
Results for
 //Jquery// $('#search-button').click(function() { var search = $('#search').val(); window.location.href = 'result.html'; $('.show-result').append( ' "' + search + '"'); return false; }); 

Answer 1

您的第一页将读取如下内容：

 $('#search-button').click(function() { var search = $('#search').val(); window.location.href = 'result.html?search=' + search; //This line is edited $('.show-result').append( ' "' + search + '"'); return false; }); 

你的第二页可能是这样的：

 function getUrlVars() { // create a cool little function var vars = {}; var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) { vars[key] = value; }); return vars; } var search = getUrlVars()["search"]; //use that function alert(search); //this is just one way to show the GET parameter 

Credit属于： http ： //papermashup.com/read-url-get-variables-withjavascript/

Answer 2

不可以。您无法使用jQuery从另一个页面访问一个页面中的元素。 但是将信息作为查询参数传递，然后在页面加载时检索。 试试这个：

 $('#search-button').click(function() { var search = $('#search').val(); window.location.href = 'result.html?search='+search; }); 

单击以下链接以获取解决方案以从URL获取查询参数：

jQuery：如何获取url的参数？ 在此链接中添加代码以获取搜索值并将其附加到results.html中。

Answer 3

试试这个，您可以将值作为Query字符串参数传递，如下所示。 在result.html页面中，您可以使用jQuery获取search参数：如何获取URL的参数？

 var search = $('#search').val(); window.location.href = 'result.html?search='+search;