Question

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

这是我的代码：

<input id='search' type="text" size="100"/>
<button id='search-button'><p>G</p><img src='img/search.png' alt="GO"/></button>
<h1 class="show-result">Results for</h1>



//Jquery//
 $('#search-button').click(function() {

var search = $('#search').val();

  window.location.href = 'result.html';

$('.show-result').append( ' "' + search + '"');
return false;
});

Answer 1

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

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

点击以下链接获取解决方案以从网址获取查询参数：

jQuery: How to get parameters of a url?在此链接中添加代码以获取搜索值并将其附加到您的results.html中。

Answer 2

您的第一页会出现如下内容：

$('#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

信用证属于：http://papermashup.com/read-url-get-variables-withjavascript/

Answer 3

试试这个，您可以将值作为Query字符串参数传递，如下所示。在result.html页面中，您可以使用jQuery: How to get parameters of a url?

获取search参数

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

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

3 个答案: