title: How to pass data from one HTML page to another HTML page using JQuery?
body: <p>I have two HTML pages that work in a parent-child relationship in this way: </p>
  
  <p>The first one has a button which does two things: First it requests data from the database via an AJAX call. Second it directs the user to the next page with the requested data, which will be handled by JavaScript to populate the second page.</p>
  
  <p>I can already obtain the data via an ajax call and put it in a JSON array:</p>
  
  <pre><code>$.ajax({
      type: "POST",
      url: get_data_from_database_url,
      async:false,
      data: params,
      success: function(json)
      {
          json_send_my_data(json);
      }
  });
  
  function json_send_my_data(json)
  {
      //pass the json object to the other page and load it
  }
  </code></pre>
  
  <p>I assume that on the second page, a "document ready" JavaScript function can easily handle the capture of the passed JSON object with all the data. The best way to test that it works is for me to use <code>alert("My data: " + json.my_data.first_name);</code> within the document ready function to see if the JSON object has been properly passed.</p>
  
  <p>I simply don't know a trusted true way to do this. I have read the forums and I know the basics of using <code>window.location.url</code> to load the second page, but passing the data is another story altogether.</p>