Question

我正在尝试将用户名从结帐页面传递到“已完成订单”页面。用户在id =“ v65-onepage-billfirstname”输入字段中输入他的名字。但是，下一页将返回[object] [object]。

在结帐页面上：

$(document).ready(function() {
var x = document.getElementById('v65-onepage-billfirstname').value;
localStorage.setItem('x', $('fname').val());
});

订购完成的页面：

$(document).ready(function() {
document.getElementById('result').innerHTML = $("fname").val(localStorage.getItem('x'));
});

HTML：

<span id='result'></span>

我需要传递用户名，这样我可以说：谢谢大卫！

谢谢。

Answer 1

如果我没记错的话，$('selector).val('whatever')返回jQuery对象。默认情况下，任何对象在使用[object Object]方法调用时都会返回toString，而将其分配给innerHTML时可能会发生这种情况。 val()（无参数）返回实际值。

尝试这样：

$(document).ready(function() {
    var x = localStorage.getItem('x')
    $("fname").val(x);
    document.getElementById('result').innerHTML = x;
});

或

$(document).ready(function() {
    document.getElementById('result').innerHTML = $("fname").val(localStorage.getItem('x')).val();
});

Answer 2

您正在将fname设置为localStorage，但如果fname是您想要的值，那么我不知道localStorage.setItem('x', x);是什么，也许您应该执行document.getElementById('v65-onepage-billfirstname').value

将localStorage输入数据传递到下一页

2 个答案: