How to send a java script object using window.open

Question

i have to open a popup using window.open(url,name,style) from a .js file and i need to get one js object on popup.aspx file which i need to pass along with window.open window.opener doesnt have the obj vales.Any one have Idea please?

Mageshwaran R · Answer

"viewport" content= "width=device-width, initial-scale=1" > body {font-family: Arial, Helvetica, sans-serif;} .modal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #000000; background-color: rgba(0,0,0,0.4); } .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } .close { color: #aaaaaa; float : right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } Modal Example "myBtn" >Open Modal "myModal" class = "modal" > class = "modal-content" > class = "close" >× Some text in the Modal.. var modal = document.getElementById( "myModal" ); var btn = document.getElementById( "myBtn" ); var span = document.getElementsByClassName( "close" )[0]; btn.onclick = function () { modal.style.display = "block" ; } span.onclick = function () { modal.style.display = "none" ; } window.onclick = function (event) { if (event.target == modal) { modal.style.display = "none" ; } }

Ankit Kanojia · Answer

Hello Sivaraj, Normally window.open method will be redirected or open specified URL passed as a parameter, So in case of you want to pass any object or value or Js Object, you just need to pass URL with query parameter and once that page is open you can retrieve from URL or from the query string. this is the formal approach that can help you out. window.open(url, name, style) URL like 'https://www.c-sharpcorner.com? param = value ' //TO retrieve data or value from the query string or URL new URLSearchParams(window.location.search) Regards.

Harshal Limaye · Answer

You can pass it using query params. Let's say you have a user object which you need to pass to example.com. You can do this by simply stringifying the object and sending it with query params. const user = { id: 1, name: 'harshal' }; window.open( 'http://www.example.com?user=' + JSON.stringify(user)) The URL in the browser will appear like this. http: //www.example.com/?user={%22id%22:1,%22name%22:%22harshal%22} To access this object you can simply use the following code. const params = new URLSearchParams(location.search); const user = JSON.parse(params.get( 'user' )); console.log(user); // output: {id: 1, name: "harshal"}

Edinbiro James · Answer

Hi, Please refer this link https://javascript.info/popup-windows

How to send a java script object using window.open

Answers (4)