JS:将输入值提交或传输到另一个HTML文件？
提问于 2020-01-12 15:32:55
描述：
我创建了这个工作流: 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应该会得到数据。
回答 1
Stack Overflow用户
发布于 2020-01-13 00: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追加或显示数据。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59709034
复制
腾讯云开发者
