Question

我正在尝试对此代码执行的操作是对生成条形码的内容发出ajax请求并将其返回以进行打印。当我发出请求时，它会正确生成所有内容，但打印窗口为空白。如果我取消打印窗口，则底层窗口具有要打印的正确条形码。我怀疑我需要延迟.print（），直到子窗口完全加载，但解决方案是在逃避我。在此先感谢您的帮助！

var barcode = $.ajax({
     url: "barcode.php",
     method: "POST",
     data: {
            name : name,
            text : text,
            number : numLines
            },
});
var printText;
barcode.done(function( jqXHR, textStatus ) {
    printText = jqXHR;
    var WindowObject = window.open();
    WindowObject.document.writeln(printText);
    WindowObject.focus();
    WindowObject.print();

});

这全部包含在$（document）.ready（function（）{}）;

中

Answer 1

经过大量的研究后，我找到了两个答案：一个可能更好的约定，一个更容易实现，但（遗憾的是）也非常hacky。

对于第一个解决方案，它只是简化了第二个解决方案。只需提供window.open 的网址，这会产生一个包含内容的页面，以及在加载所有内容时调用window.print的脚本。这应该很容易，因为你似乎在这里托管页面，所以你可以让“barcode.php”接受GET参数，你需要做的就是将打印功能添加到页面。

// Assumes parameters provided are safe to use in a url.
window.open('barcode.php?name=' + name + '&text=' + text + '&number=' + number');

然后，在从“barcode.php”发回的内容中，添加一个脚本：

document.onload = function() {
    window.focus();
    window.print();
    window.close();
};

这比我能想到的任何其他解决方案要好得多，特别是因为你应该（我没有测试过，所以我真的不知道）能够使用{{ 1}} event或load。

我只提供hacky解决方案有两个原因：我花了一点时间在它上面，它可能有一天证明是有用的。但是，我想强调，这第二个解决方案非常愚蠢。我建议不要在生产环境中使用它

如果您愿意使用它，请按照以下说明进行操作：

使用onload
window.open（或write）您想要新窗口的任何内容。
writeln一个write包含新窗口的一些功能：
- 检查<script>是否“完整”;如果是这样，请执行您的打印程序。否则：
- 使用document.readyState重新检查setTimeout，如上所述。（基本上，以某种方式重复。）
- 我们这样做是因为我们无法使用document.readyState事件或load，因为它们都没有消息。

以下是一些显示off的示例代码：

onload

同样，我要强调这是做出所需要的非常糟糕的方式。我只提供这些知识，因为我觉得它可能对某人有用。

Answer 2

您可以尝试以这种方式使用WindowObject.onload = function () { ... };：

barcode.done(function( jqXHR, textStatus ) {
    printText = jqXHR;
    var WindowObject = window.open();
    WindowObject.onload = function () {
        WindowObject.document.writeln(printText);
        WindowObject.focus();
        WindowObject.print();
    };
});

延迟window.print（）直到页面加载到ajax请求中以避免空白打印屏幕？

2 个答案: