Question

这就是我想要做的事情：

用户点击打印按钮;
此调用函数，执行ajax调用以获取要打印的文本;
打开一个新窗口并将文本写入此窗口。

窗口和打印的处理方式如下：

 my_text = "hello";

 newWin= window.open();
 newWin.document.write(my_text);
 newWin.document.close();
 newWin.focus();
 newWin.print();
 newWin.close();

这很好用。我的问题是如何获得my_text。我试图将上面的代码放在ajax调用中：

$.ajax({
        type: "GET", url: the_url, data: {},
        success: function(data){
             newWin= window.open();
             newWin.document.write(data);
             newWin.document.close();
             newWin.focus();
             newWin.print();
             newWin.close();
        }
        ,error: function() {
        } 
     });

但是，这会导致新窗口被视为弹出窗口，并被弹出窗口阻止程序捕获。如果我选择查看弹出消息，那么它已正确填写文本。我先尝试打开窗口，但后来没有任何内容写入。

Answer 1

尝试移动线：

newWin = window.open();

在$ .ajax（...）调用之前

。您的窗口将立即打开，当ajax调用完成时，您的成功处理程序应该能够写入它。你最终会得到类似的东西：

var newWin = window.open();
$.ajax({
    type: "GET", url: the_url, data: {},
    success: function(data){
        newWin.document.write(data);
        newWin.document.close();
        newWin.focus();
        newWin.print();
        newWin.close();
    }
    ,error: function() {
    }
});

使用setTimeout的简化版本，用于“概念证明”目的。

<html>
<head>
<script>
function openWindow() {
  var win = window.open("about:blank", "", "width=800,height=600");
  setTimeout(function() {
    win.document.write("Hello world!");
    win.document.close();
  }, 1000)
}
</script>
</head>
<body>

<button type="button" onclick="openWindow()">Click me</button>

</body>
</html>

Answer 2

弹出窗口阻止程序阻止任何未通过直接用户操作打开的窗口（例如单击鼠标。）但由于您的AJAX调用是异步的，因此浏览器不认为它是按钮单击事件的一部分。 / p>

尝试在async: false来电中添加$.ajax()作为配置参数。但是，使用同步AJAX请求会产生在加载数据时暂时冻结网页的副作用。您可能希望找到另一种打印数据的方法，而不是使用window.open()。您可以只提供指向可打印页面的链接，并在第一时间绕过需要任何JavaScript。这可能是最简单的。或者，您可以将单独的样式表与CSS的@media print属性结合使用，以隐藏页面的正常内容，并仅打印通过AJAX传入的内容。

javascript：打印通过ajax接收的文本

2 个答案: