read-data.html

<!--
Just an idea. You don't need any event listeners,
id's and etc. Try this. If it works for you this
is the cleanest solution.
 -->
<div style="display: none;">
    [
      {"id": 1},
      {"id": 2}
    ]
</div>
<script>
(function () {
    // If data doesn't exist we will
    // fail silently.
    try {
        const data = JSON.parse(
            document.currentScript.previousElementSibling.textContent
        );
        console.log(data);
    } catch (e) {}
})()
</script>