描述:
我创建了这个工作流: PHP将内容从数据库加载到特定的文本区域。用户可以编辑和保存内容。
我创建了一个HTML模板,它可以直接从web浏览器打印出来。
因此,用户点击“打印”按钮,并获得一个很好的模板,可以直接从浏览器打印。
目标:
我希望jQuery或JavaScript在某些div类中将内容从输入字段加载/传输到服务器上的另一个HTML文档。
这通常是可能的还是一个好主意?
之后,它将被加载并打开web浏览器的打印对话框。
当前代码:
$(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应该会得到数据。
发布于 2020-01-13 08:55:13
根据描述,您已经提到允许PHP在特定的文本区域加载数据,并允许用户更新数据,所以当您更新该数据时,它将保存到特定文本区域的数据库中。
这里您可以做的最好是为显示的数据保留一个唯一的键,当您重定向页面时,将唯一键与页面URL绑定在一起,因此在有模板的新页面上使用该键,您可以使用select查询获取数据,并且可以在任何需要的地方打印数据。
单击“打印”后,模板将填写数据,这样用户就可以以您想要的方式下载/打印带有数据的模板。
或
如果不想使用PHP获取新文档上的数据,只需使用以下方式在本地存储中传递数据对象:
var content= <your data Object>;
localStorage.setItem('print_content', content);
现在,在加载对话框之前,从本地存储变量中获取数据,并将其打印到任何您想要的div或区域。要从本地存储获取数据,请使用以下方式:
var printData = localStorage.getItem('print_content');
使用printData var,您将能够获得数据,并且可以使用jQuery语法向div追加或显示数据。
https://stackoverflow.com/questions/59709034
复制相似问题