Question

我有以下ajax代码将canvas（aprox.350kb）发送到服务器进行处理：

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

XMLHttpRequest停止服务器响应，直到ajax完成

1 个答案: