3

这就是我想要做的：

  1. 用户点击打印按钮；
  2. 这调用函数，它调用ajax来获取要打印的文本；
  3. 将打开一个新窗口并将文本写入其中。

窗口和打印是这样处理的：

 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() {
        } 
     });

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

4

2 回答 2

4

尝试移动线路：

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>
于 2013-06-27T17:03:01.663 回答
1

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

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

于 2013-06-27T16:54:06.273 回答