Javascript 如何通过单击按钮执行保存和打印功能?

Javascript 如何通过单击按钮执行保存和打印功能?,javascript,php,Javascript,Php,我需要两个操作都应该在点击按钮时触发。我该怎么做 欢迎来到堆栈溢出 使用Onclick事件来实现这一点 function printDiv(divName) { var printContents = document.getElementById(divName).innerHTML; var originalContents = document.body.innerHTML; document.body.innerHTML = printConte

我需要两个操作都应该在点击按钮时触发。我该怎么做

欢迎来到堆栈溢出

使用Onclick事件来实现这一点

    function printDiv(divName) 
    {
    var printContents = document.getElementById(divName).innerHTML;
    var originalContents = document.body.innerHTML;
    document.body.innerHTML = printContents;
    window.print();
    document.body.innerHTML = originalContents;
    }

首先,您可以使用,这是一个跨浏览器库,您可以使用它打印所需的HTML部分

其次,您应该首先运行print指令,然后通过JavaScript提交表单

<input type="submit" class="button" name="submit" value="Save & Print" onclick='printDiv('idName')'>
并在“提交”按钮的单击事件中调用此函数:

function PrintAndSubmit()
{
     //some code to print (like Meadroid commands) 
    document.MyForm.submit();
}


您可以使用Ajax来解决这个问题。Ajax将创建一个XMLHTTP请求,并通过javascript将数据发送到后端,保存数据后,您可以从服务器获得响应,然后继续打印
<input type="submit" class="button" name="submit" value="Save & Print" onclick='printDiv('idName')'>
function PrintAndSubmit()
{
     //some code to print (like Meadroid commands) 
    document.MyForm.submit();
}
<input type="submit" class="button" name="submit" value="Save & Print" onclick="PrintAndSubmit()">