Javascript - 使用从 ajax 休息响应接收到的一些值填充输入框

Question

我在 page1.html 中有一个 anchor 标记，它有一个 onClick 事件。此 onClick 进行 REST API 调用。然后，此 REST API 调用的响应将传递给 JavaScript 函数，该函数会加载 page2.html，并且需要使用响应值填充第 2 页上的输入框。

这是加载新页面并尝试填充新页面上的输入框的代码

function(response){
document.location="page2.html"; 
$( "#inputBoxID" ).val( response.text );    
}

上面的代码没有使用 page2.html 中存在的 id“inputBoxID”填充输入框。可能是什么原因以及可能的解决方案？

Answer 1

来自https://developer.mozilla.org/en-US/docs/Web/API/Document/location

“虽然 Document.location 是一个只读 Location 对象，但您也可以为其分配 DOMString。这意味着在大多数情况下您可以像使用字符串一样使用 document.location: document.location = ' http://www.example.com ' 是 document.location.href = ' http://www.example.com ' 的同义词。"

您实际上正在更改您所在的页面。您现在已经丢失了 API 请求的上下文。驻留在 page1.html 内存中的代码现在已经消失了，除非您开始将该数据推送到 localStorage 并在随后调用加载 page2.html 时将其取回，否则无法将其取回。