Tengo un formulario que tiene dos campos de entrada, quiero que el valor ingresado en la primera página esté disponible cuando se redirija a otra ruta.

Tengo una ruta '/instancias' que muestra una vista de 'instancias', esta vista de 'instancias' tiene dos texto de entrada cuyos identificadores son 'Instancias' y 'Región' y un botón id = 'runScriptButton' que tiene onclick = "launchTerraform( )"

una vez que se hace clic en el botón, ejecuta launchTerraform() y redirige al usuario a la ruta '/dashboard', en esta ruta también hay un botón con id = 'destroyButton'. en esta ruta '/dashboard', me gustaría tener acceso a los valores de entrada ingresados por el usuario en la página '/instancias'.

Esto es lo que he intentado hasta ahora, pero no funciona, una vez en '/dashboard', no se puede acceder a 'datos'.

 function launchTerraform() { // this is the data I would like to be able access from /dashboard route var data = { instances: document.getElementById('Instances').value, region: document.getElementById('Region').value } if (document.getElementById('runScriptButton') ){ var xhr = new window.XMLHttpRequest() xhr.onreadystatechange = function () { if (this.readyState === 4 && this.status === 200 ) { window.location.href = '/dashboard' } } document.getElementById("test").textContent = "Please wait ..."; xhr.open('POST', '/provision', true) xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8') xhr.send(JSON.stringify(data)) } if (document.getElementById('destroyButton')){ var xhr = new window.XMLHttpRequest() xhr.onreadystatechange = function () { if (this.readyState === 4 && this.status === 200 ) { document.getElementById("divDestoyResources").textContent = "Resources Deleted" } } document.getElementById("divDestoyResources").textContent = "Please wait while resources are released ..."; xhr.open('POST', '/destroy', true) xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8') xhr.send(JSON.stringify(storeData)) } }