Transfer data from one HTML file to another

by

Try this code:
In testing.html

function testJS() {
    var b = document.getElementById('name').value,
        url="http://path_to_your_html_files/next.html?name=" + encodeURIComponent(b);

    document.location.href = url;
}

And in next.html:

window.onload = function () {
    var url = document.location.href,
        params = url.split('?')[1].split('&'),
        data = {}, tmp;
    for (var i = 0, l = params.length; i < l; i++) {
         tmp = params[i].split('=');
         data[tmp[0]] = tmp[1];
    }
    document.getElementById('here').innerHTML = data.name;
}

Description: javascript can’t share data between different pages, and we must to use some solutions, e.g. URL get params (in my code i used this way), cookies, localStorage, etc.
Store the name parameter in URL (?name=…) and in next.html parse URL and get all params from prev page.

PS. i’m an non-native english speaker, will you please correct my message, if necessary

More Related Contents:

  1. Any Javascript GURU here to make this Script ? If Anchor is Changed Redirect the Page
  2. jQuery ID selector works only for the first element
  3. Get class list for element with jQuery
  4. How to disable HTML links
  5. Converting user input string to regular expression
  6. Cross-browser multi-line text overflow with ellipsis appended within a fixed width and height
  7. How to read text file in JavaScript
  8. How to prevent Unicode characters from rendering as emoji in HTML from JavaScript?
  9. Show and hide divs at a specific time interval using jQuery
  10. How to detect a mobile device with JavaScript?
  11. Adding additional data to select options using jQuery
  12. Want to add “addEventListener” on multiple elements with same class [duplicate]
  13. Use tab to indent in textarea
  14. How to prevent “The play() request was interrupted by a call to pause()” error?
  15. localStorage access from local file
  16. Is it possible to play HTML5 video in reverse?
  17. Cannot use import statement outside a module
  18. How can i access javascript variables in JSP?
  19. Maximum item size in IndexedDB
  20. Is there a way to get a element to link to a location without wrapping it in an
  21. How do I detect the inherited background-color of an element using jQuery/JS?
  22. multiple pages in Vue.js CLI
  23. create screenshot of webpage using html2canvas (unable to initialize properly)
  24. angularjs custom filter to check for values inside a data array
  25. Escaping HTML entities in JavaScript string literals within the block
  26. JavaScript – Get size in bytes from HTML img src
  27. True Isometric Projection with HTML5 Canvas
  28. Jquery/Javascript Opacity animation with scroll
  29. JavaScript EventSource SSE not firing in browser
  30. Does jQuery strip some html elements from a string when using .html()?

Leave a Comment