📌  相关文章
📜  jquery 到另一个页面 - Javascript (1)

📅  最后修改于: 2023-12-03 15:32:13.219000             🧑  作者: Mango

使用 jQuery 将数据传递到另一个页面

有时我们需要将前一个页面中的数据传递到另一个页面。使用 jQuery,我们可以很方便地实现这一功能。

方法1: 使用 URL 栏传递参数

我们可以使用 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);
});

方法2: 使用 Cookie

另一种方法是使用 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);
});