发布
社区首页 >问答首页 >JS:将输入值提交或传输到另一个HTML文件?

JS:将输入值提交或传输到另一个HTML文件?
EN

Stack Overflow用户
提问于 2020-01-12 23:32:55
回答 1查看 99关注 0票数 0

描述:

我创建了这个工作流: PHP将内容从数据库加载到特定的文本区域。用户可以编辑和保存内容。

我创建了一个HTML模板,它可以直接从web浏览器打印出来。

因此,用户点击“打印”按钮,并获得一个很好的模板,可以直接从浏览器打印。

目标:

我希望jQuery或JavaScript在某些div类中将内容从输入字段加载/传输到服务器上的另一个HTML文档。

这通常是可能的还是一个好主意?

之后,它将被加载并打开web浏览器的打印对话框。

当前代码:

代码语言:javascript
代码运行次数:0
复制
$(document).ready(function() {
    $( ".print-button" ).click(function() {
      $('html').load("./views/print/template-1.html");
      setTimeout(function(){
        window.print(); 
      }, 1000);
    })

    window.onafterprint = function(e){
        $(window).off('mousemove', window.onafterprint);
        window.location.href = window.location.href;
    };

});    

所以template-1.html应该会得到数据。

EN

回答 1

Stack Overflow用户

发布于 2020-01-13 08:55:13

根据描述,您已经提到允许PHP在特定的文本区域加载数据,并允许用户更新数据,所以当您更新该数据时,它将保存到特定文本区域的数据库中。

这里您可以做的最好是为显示的数据保留一个唯一的键,当您重定向页面时,将唯一键与页面URL绑定在一起,因此在有模板的新页面上使用该键,您可以使用select查询获取数据,并且可以在任何需要的地方打印数据。

单击“打印”后,模板将填写数据,这样用户就可以以您想要的方式下载/打印带有数据的模板。

如果不想使用PHP获取新文档上的数据,只需使用以下方式在本地存储中传递数据对象:

代码语言:javascript
代码运行次数:0
复制
var content= <your data Object>;
localStorage.setItem('print_content', content);

现在,在加载对话框之前,从本地存储变量中获取数据,并将其打印到任何您想要的div或区域。要从本地存储获取数据,请使用以下方式:

代码语言:javascript
代码运行次数:0
复制
var printData = localStorage.getItem('print_content');

使用printData var,您将能够获得数据,并且可以使用jQuery语法向div追加或显示数据。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59709034

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档