Esta es mi primera página HTML:

<!--first.html-->   
<html>
    <body>
    <div data-role="page" data-theme="a" data-url="first" id="first"> 
        <form id="form1" name="form2" action="checking.html">
        <input type="text" name="txtFileName" id="txtFileName"/>
       <!-- <button onClick="uploadFile();">Upload</button> -->
       <input type="hidden" name="hidden1" value="">
       <br><input type="submit"  value="Send me your name!"  onClick="submitform();"><br>
       </form>
       <script type="text/javascript">
       function submitform()
       {
         document.forms.form1.hidden1.value=1;
         alert("i am working");

        document.form1.submit();
       }
    </script>

        </div>
    </body>
</html>

Esta es mi segunda página HTML:

<!-- second.html -->
<html>
    <head>
    </head>
    <body> 
<h1>Javascript call after page loaded</h1>

<script>
function getQueryVariable2(variable) { 
  var query = window.location.search.substring(1); 
  document.write(query);
  var vars = query.split("&"); 
  document.write("<br />");
  document.write(vars);

  for (var i=0;i<vars.length;i++) { 
    var pair = vars[i].split("="); 
    if (pair[0] == variable) { 
      return pair[1]; 
    }
  } 
} 


document.write("<br />txtFileName = " + getQueryVariable2("txtFileName"));
document.write("<br />hid1 = " + getQueryVariable2("hid1"));
</script>
hellllo
</body>

Aquí quiero mostrar el contenido de hidden1 de first.html. Sugiérame qué código debo usar para esto.

18
Pushpendra Kuntal 1 sep. 2011 a las 12:02

4 respuestas

La mejor respuesta

En HTML5 puede usar la sesión para pasar objetos de una página a otra:

1- crea una sesión

sessionStorage.setItem('key', 'value');

2- sesión de lectura:

sessionStorage.getItem('key')

Consulte este ejemplo

8
Alex 3 sep. 2011 a las 17:18

Si no está utilizando html5, tiene estas formas de pasar el valor de un html a otro: QueryString / GET / Cookies.

HTML5 proporciona dos objetos localStorage y sessionStorage para guardar los datos del cliente. Ambos permiten al usuario almacenar los datos en la máquina local. Proporciona dos métodos: getItem ('Key') y setItem ('Key', 'Value') o simplemente podemos almacenar los datos en una matriz de localStorage o sesionStorage;

// Store
localStorage.setItem("lastname", "abc");
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

El objeto sessionStorage es similar al objeto localStorage, excepto que almacena los datos para una sola sesión. Los datos se eliminan cuando el usuario cierra la ventana.

Para eliminar cualquier elemento de la sesión:

localStorage.removeItem("lastname");

Para almacenar como una matriz:

for (item in items) {
   localStorage[item] = AnyArray[item];
}
0
Sanjeev Singh 12 ago. 2014 a las 03:28

Encontró una solución para analizar las variables GET:

// Read a page's GET URL variables and return them as an associative array.
function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

Obtenga parámetros y valores de URL con jQuery

1
Eskil Mjelva Saatvedt 1 sep. 2011 a las 08:12

Probablemente la mejor manera en su caso de usar parámetros GET como:

http://mysite//second.html?myparams=value

O si se trata de datos importantes o importantes, use POST

5
Samich 1 sep. 2011 a las 08:06