XMLHttpRequest的暂停服务器响应直到AJAX完成

Question

我有发送画布（近似350KB）到服务器以进行处理以下Ajax代码：

html2canvas(document.body, { 
onrendered: function(canvas) { 
    var canvasData = canvas.toDataURL("image/png"); 
      var ajax = new XMLHttpRequest(); 
      ajax.open("POST",'www.domain.com/process.php',true); 
      ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
      ajax.send("imgData="+canvasData); 
    } 
}); 

的问题是，当执行AJAX调用时，我们可以不能访问服务器www.domain.com上的任何其他页面。它一直等到被叫完成。

我在这里做错了什么，或者它只是不适合我们需要完成的任务吗？

谢谢！

Answer 1

我想你缺少围绕ajax.open API参数的引号。

html2canvas(document.body, { 
onrendered: function(canvas) { 
    var canvasData = canvas.toDataURL("image/png"); 
      var ajax = new XMLHttpRequest(); 
      ajax.open("POST",'www.domain.com/process.php',true); 
      ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
      ajax.send("imgData="+canvasData); 
    } 
});