You could pass options as a URL parameter:

window.open( myURL + "/?options=" + JSON.stringify(options) );

If the two pages are on the same domain, a third way is to use HTML5 localStorage: http://diveintohtml5.info/storage.html

In fact localStorage is precisely intended for what you want. Dealing with GET params or window/document JS references is not very portable (even if, I know, all browsers do not support localStorage).

var data = {
    name: 'name',
    info:{
        info1: 'uvbiuonns',
        info2: 'aisbsiece',
    }
}

var qs = function(obj, prefix){
  var str = [];
  for (var p in obj) {
    var k = prefix ? prefix + "[" + p + "]" : p, 
        v = obj[k];
    str.push(angular.isObject(v) ? qs(v, k) : (k) + "=" + encodeURIComponent(v));
  }
  return str.join("&");
}

window.open("popup.html/?" + decodeURIComponent(qs(data)), "winName", "width=200, height=100");

Also the jQuery one will do:

window.open("popup.html/?" + decodeURIComponent($.param(data)), "MsgWindow", "width=200, height=100");

Hello Philipp

Welcome to the Microsoft Community.

This is not a bug but a result of how the Edge JSON Viewer behaves when opening a URL programmatically via window.open. Here's an explanation of what's happening and how you can address the issue:

Explanation:

1. Manual URL Entry:
   • When you manually input the JSON URL in Edge's address bar, Edge knows it's serving JSON content and uses its built-in JSON Viewer to pretty-print it.
2. window.open() Behavior:
   • When you use window.open() to programmatically open the URL, Edge does not automatically invoke its JSON Viewer. Instead, it treats the opened page as plain text or raw JSON, and the pretty-print functionality is not applied.
3. Reason:
   • Edge's JSON Viewer may only be triggered when the request is a direct manual navigation or when the JSON content is properly formatted and served with the correct Content-Type (application/json) header, but window.open doesn't trigger the JSON Viewer in the same way.

Solutions:

1. Manually Open the URL

• The simplest workaround is to let the user click the JSON URL (e.g., Open JSON), which will behave like manual navigation and trigger the JSON Viewer.

2. Open the JSON in a New Tab with Pretty Formatting

• You can use a JavaScript library (e.g., JSON.stringify) to pretty-print the JSON content before displaying it in a new tab or window. Example:

    fetch("https://api.open-meteo.com/v1/forecast?latitude=52.52&longitude=13.41&hourly=temperature_2m")
        .then(response => response.json())
        .then(data => {
            const prettyJSON = JSON.stringify(data, null, 2); // Pretty printconst newWindow = window.open();
            newWindow.document.write(`
  ${prettyJSON}
  `);
            newWindow.document.close();
        });
  

  This fetches the JSON data, formats it nicely, and displays it in a new window or tab using

   tags.

3. Use an External JSON Viewer Tool

• If you frequently need to pretty-print JSON, you can use tools like:
  • jsonviewer.stack.hu
  • jsonformatter.org
  • These tools can take raw JSON data and pretty-print it in a visually appealing manner.
  • Disclaimer: This is a non-Microsoft website. The page appears to be providing accurate and safe information. Watch out for ads on the site that may advertise products frequently classified as PUP (Potentially Unwanted Products). Thoroughly research any product advertised on the site before you decide to download and install it.

Summary:

• The behavior you're seeing is by design and not a bug. To ensure JSON is always pretty-printed when using window.open, either fetch the data and format it programmatically (Solution 2) or let the user manually click a link (Solution 1).

Best Regards,

William.Y | Microsoft Community Support Specialist

you can save the json in global variable in the parent window and reference it in your popup window code

https://stackoverflow.com/a/87737/1755374

When You want to open new tab/window (depends on Your browser configuration defaults):

output = 'Hello, World!';
window.open().document.write(output);

When output is an Object and You want get JSON, for example (also can generate any type of document, even image encoded in Base64)

output = ({a:1,b:'2'});
window.open('data:application/json;' + (window.btoa?'base64,'+btoa(JSON.stringify(output)):JSON.stringify(output)));

Update

Google Chrome (60.0.3112.90) block this code:

Not allowed to navigate top frame to data URL: data:application/json;base64,eyJhIjoxLCJiIjoiMiJ9

When You want to append some data to existing page

output = '<h1>Hello, World!</h1>';
window.open('output.html').document.body.innerHTML += output;

output = 'Hello, World!';
window.open('about:blank').document.body.innerText += output;

If it's not too big you can send the information to the new window as a data URL.

The frame will be reused once it is open.

This might be a start, showing how to plug in the JSON data and break it up over multiple lines for display.

window.open('data:application/json,'
    +JSON.stringify(location).replace(/([[{,])/g, "$1%0a"),
    'jsonFrame',
    'resizeable,top=100, left=100, height=200, width=300,status=1')

See MDN for all the details.

This is how I solved it for my application:

HTML: <a id="downloadAnchorElem" style="display:none"></a>

JS (pure JS, not jQuery here):

var dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(storageObj));
var dlAnchorElem = document.getElementById('downloadAnchorElem');
dlAnchorElem.setAttribute("href",     dataStr     );
dlAnchorElem.setAttribute("download", "scene.json");
dlAnchorElem.click();

In this case, storageObj is the js object you want to store, and "scene.json" is just an example name for the resulting file.

This approach has the following advantages over other proposed ones:

• No HTML element needs to be clicked
• Result will be named as you want it
• no jQuery needed

I needed this behavior without explicit clicking since I want to trigger the download automatically at some point from js.

JS solution (no HTML required):

  function downloadObjectAsJson(exportObj, exportName){
    var dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(exportObj));
    var downloadAnchorNode = document.createElement('a');
    downloadAnchorNode.setAttribute("href",     dataStr);
    downloadAnchorNode.setAttribute("download", exportName + ".json");
    document.body.appendChild(downloadAnchorNode); // required for firefox
    downloadAnchorNode.click();
    downloadAnchorNode.remove();
  }

Edit: If you'd like to format the JSON with some whitespace for better readability, you can use the additional parameters of the stringify function to do so:

  JSON.stringify(exportObj, null, 2)

See JSON.stringify on MDN, thanks TryingToImprove for the tip!

All modern browsers support native JSON encoding/decoding (Internet Explorer 8+, Firefox 3.1+, Safari 4+, and Chrome 3+). Basically, JSON.parse(str) will parse the JSON string in str and return an object, and JSON.stringify(obj) will return the JSON representation of the object obj.

More details on the MDN article.

I used a variation of the above but instead of printing html I built a form and submitted it to the 3rd party url:

    var mapForm = document.createElement("form");
    mapForm.target = "Map";
    mapForm.method = "POST"; // or "post" if appropriate
    mapForm.action = "http://www.url.com/map.php";

    var mapInput = document.createElement("input");
    mapInput.type = "text";
    mapInput.name = "addrs";
    mapInput.value = data;
    mapForm.appendChild(mapInput);

    document.body.appendChild(mapForm);

    map = window.open("", "Map", "status=0,title=0,height=600,width=800,scrollbars=1");

if (map) {
    mapForm.submit();
} else {
    alert('You must allow popups for this map to work.');
}