Question

我有一个按钮，可以将某人引导至新页面。按钮上有一个Id。我有办法将该ID传递到下一页吗？最好不要在URL中。我可以通过JS或jQuery执行此操作而无需使用AJAX吗？

我也希望点击功能也可以打开一个新标签。

            jQuery('<button class="btn"/>')
                .attr({'id': 'PASS_THIS'})
                .text('Button')
                .click(function() {
                     top.location.href = 'myNewPage.html';
                })
                .appendTo(btnspan)

任何建议都将不胜感激！

Answer 1

按钮上有一个ID。我有办法将该ID传递到下一页吗？最好不要在URL中。

如果您不想在网址中执行此操作，则可以使用sessionStorage，good browser support并且易于使用，如果您需要更广泛的支持，则可以使用Cookie。单击保存id，然后在新页面中检索它。

sessionStorage示例 - 点击后保存：

jQuery('<button class="btn"/>')
    .attr({
        'id': 'PASS_THIS'
    })
    .text('Button')
    .click(function () {
        sessionStorage.someUsefulNameHere = this.id; // <== Here
        top.location.href = 'myNewPage.html';
    })
    .appendTo(btnspan);

在目标网页上检索它：

var someUsefulNameHere = sessionStorage.someUsefulNameHere;

然后可选择删除它，以便刷新看不到它：

sessionStorage.removeItem("someUsefulNameHere");

Answer 2

可能会有用。

jQuery('<button class="btn"/>')
                .attr({'id': 'PASS_THIS'})
                .text('Button')
                .click(function() {
                     top.location.href = 'myNewPage.html?id='+jQuery(this).attr('id');
                })
                .appendTo(btnspan)

在链接点击上将属性传递给新页面。 JS / jQuery

2 个答案: