Javascript 如何构建新的html页面/选项卡和/或更改以生成报告

Javascript 如何构建新的html页面/选项卡和/或更改以生成报告,javascript,html,Javascript,Html,我有一个带有按钮的页面,可以创建一个简单的报告。单击按钮,它将调用后端程序以JSON格式获取相关数据 收到数据后,我想在新窗口/选项卡中加载下一页 加载单独HTML中维护的HTML片段 把它放进去,然后 插入从后端接收到的值 如果我使用window.open(“Mypage.html”),它会加载页面并在新选项卡中显示它,但是我不能使用$(“#report”).load(“fragment.html”),也不能替换fragment.html的值 如何解决这个问题 ----------------

我有一个带有按钮的页面,可以创建一个简单的报告。单击按钮,它将调用后端程序以JSON格式获取相关数据

  • 收到数据后,我想在新窗口/选项卡中加载下一页
  • 加载单独HTML中维护的HTML片段
  • 把它放进去,然后
  • 插入从后端接收到的值
  • 如果我使用window.open(“Mypage.html”),它会加载页面并在新选项卡中显示它,但是我不能使用$(“#report”).load(“fragment.html”),也不能替换fragment.html的值

    如何解决这个问题

    ------------------------------
    Mypage.html
    ------------------------------
    <!doctype html>
    <html lang="en">
    
    <head>
    <meta charset="utf-8">
    </head>
    
    <body>
        <div id="report"></div>
    </body>
    </html>
    
    --------------------------
    fragment.html
    --------------------------
    
    <h1>Sample Report</h1>
    <h1>name</h1>
    <p>Address</p>
    
    ------------------------------
    Mypage.html
    ------------------------------
    --------------------------
    fragment.html
    --------------------------
    样本报告
    名称
    地址


    您可以将html片段和json数据存储在浏览器的本地存储器中。第一页和第二页都可以访问相同的本地存储,只要这些页来自同一来源(服务器ip和端口)。签出。

    您可以将html片段和json数据存储在浏览器的本地存储器中。第一页和第二页都可以访问相同的本地存储,只要这些页来自同一来源(服务器ip和端口)。结帐。

    您应该用fragment.html编写脚本,我想如果我的答案满足您的问题,请将其标记为正确。您应该用fragment.html编写脚本,我想如果我的答案满足您的问题,请将其标记为正确。