admin管理员组

文章数量:1296856

This is what I want to do:

  1. User clicks print button;
  2. This calls function, which does ajax call to get the text to be printed;
  3. A new window is opened and the text is written to this.

The window and print is handled like this:

 my_text = "hello";

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

This works fine. My issue is how to get my_text. I have tried to put the above code inside an ajax call:

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

However, this causes the new window to be seen as a pop-up and it's caught by the pop-up blocker. If I choose to see the pop-up message then it has correctly filled in the text. I tried opening the window first, but then nothing gets written to it.

This is what I want to do:

  1. User clicks print button;
  2. This calls function, which does ajax call to get the text to be printed;
  3. A new window is opened and the text is written to this.

The window and print is handled like this:

 my_text = "hello";

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

This works fine. My issue is how to get my_text. I have tried to put the above code inside an ajax call:

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

However, this causes the new window to be seen as a pop-up and it's caught by the pop-up blocker. If I choose to see the pop-up message then it has correctly filled in the text. I tried opening the window first, but then nothing gets written to it.

  • javascript
  • ajax
  • popup-blocker
Share Improve this question edited Jun 27, 2013 at 16:57 curtisdf 4,2104 gold badges35 silver badges42 bronze badges asked Jun 27, 2013 at 16:36 user984003user984003 29.6k69 gold badges202 silver badges315 bronze badges 2
  • Ajax is usually intended to send an asynchronous request without reloading the page... but you're opening a new window. Why not just make a link to the page instead of making an ajax request to it? – Samuel Reid Commented Jun 27, 2013 at 16:55
  • 1 That's totally what I'm going to do! Edit: Just did it :) In the page that opens add window.print(); to automatically open the print dialog. – user984003 Commented Jun 27, 2013 at 17:17
Add a ment  | 

2 Answers 2

Reset to default 4

Try moving the line:

newWin = window.open();

before the $.ajax(...) call. Your window will open immediately, and when the ajax call pletes, your success handler should be able to write to it. You would end up with something like:

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

Simplified version using setTimeout for "proof on concept" purposes.

<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>

Popup blockers block any window that isn't opened by a direct user action (such as clicking the mouse.) But since your AJAX call is asynchronous, the browser doesn't think it's part of your button-click event.

Try adding async: false as a config parameter in your $.ajax() call. However, using synchronous AJAX requests has a side-effect of freezing your web page momentarily while the data is loading. Instead of using window.open(), you may want to find another way to print the data. You could just provide a link to the printable page and bypass needing any JavaScript in the first place. That may be the simplest of all. Or you might be able to use a separate stylesheet in conjunction with CSS's @media print attribute to hide your page's normal content and only print what came in via AJAX.

本文标签： javascript Print text that is received via ajaxStack Overflow

版权声明：本文标题：javascript: Print text that is received via ajax - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1741612381a2388334.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。