📅  最后修改于: 2023-12-03 15:32:13.219000             🧑  作者: Mango
有时我们需要将前一个页面中的数据传递到另一个页面。使用 jQuery,我们可以很方便地实现这一功能。
我们可以使用 URL 栏传递参数。这样,当我们跳转到其他页面时,可以将参数传递给新页面。我们可以使用 $(location).attr('href', <url>)
函数来跳转到新页面,此函数同时可以传递参数。
// JS 代码
$(document).ready(function(){
$('button').click(function(){
var value = $('input').val();
$(location).attr('href', 'newpage.html?value=' + value);
});
});
// Markdown 代码
我们可以使用 URL 栏传递参数。这样,当我们跳转到其他页面时,可以将参数传递给新页面。我们可以使用 `$(location).attr('href', <url>)` 函数来跳转到新页面,此函数同时可以传递参数。
```javascript
// JS 代码
$(document).ready(function(){
$('button').click(function(){
var value = $('input').val();
$(location).attr('href', 'newpage.html?value=' + value);
});
});
在新页面中,我们可以使用 location.search
函数获取参数。
// JS 代码
$(document).ready(function(){
var value = decodeURIComponent(location.search.match(/(\?|&)value\=([^&]*)/)[2]);
$('p').text('你输入的值是: ' + value);
});
// Markdown 代码
在新页面中,我们可以使用 `location.search` 函数获取参数。
```javascript
// JS 代码
$(document).ready(function(){
var value = decodeURIComponent(location.search.match(/(\?|&)value\=([^&]*)/)[2]);
$('p').text('你输入的值是: ' + value);
});
另一种方法是使用 Cookie。Cookie 可以在两个页面之间共享。我们可以使用 jQuery 的 $.cookie()
函数来设置和获取 Cookie。
// JS 代码
$(document).ready(function(){
$('button').click(function(){
var value = $('input').val();
$.cookie('value', value);
$(location).attr('href', 'newpage.html');
});
});
// Markdown 代码
另一种方法是使用 Cookie。Cookie 可以在两个页面之间共享。我们可以使用 jQuery 的 `$.cookie()` 函数来设置和获取 Cookie。
```javascript
// JS 代码
$(document).ready(function(){
$('button').click(function(){
var value = $('input').val();
$.cookie('value', value);
$(location).attr('href', 'newpage.html');
});
});
在新页面中,我们可以使用 $.cookie()
函数获取 Cookie 值。
// JS 代码
$(document).ready(function(){
var value = $.cookie('value');
$('p').text('你输入的值是: ' + value);
});
// Markdown 代码
在新页面中,我们可以使用 `$.cookie()` 函数获取 Cookie 值。
```javascript
// JS 代码
$(document).ready(function(){
var value = $.cookie('value');
$('p').text('你输入的值是: ' + value);
});