jQuery AJAX成功了，但是$ _POST是空的

Question

返回“Ok。”提醒和array(0) { }。我怎样才能获得jQuery image变量？

<script>
    var image = canvas.toDataURL('image/png');
    $.ajax({
        type: 'POST',
        data: image,
        success: function() {
            alert('Ok.');
        }
    });
</script>

<?php
    var_dump($_POST);
?>

Answer 1

您通过AJAX发布到同一页面。在原始页面上，您仍会看到printf("%d\n", x[i]); ，但通过AJAX请求的页面将在响应中包含正确的POST数据。

提交array(0) { }参数的正确代码如下所示。

image

请参阅this JSFiddle进行演示。

Answer 2

如果您只想通过AJAX将图像上传到PHP Web服务器， 您需要编写Web服务器以捕获已发送的图像数据。

我建议你关注两个链接：

1. StackOverflow answer
2. Tutorial Link

希望这可以帮助您解决问题！

干杯！

Answer 3

试试这个，它将获得服务器端的变量

<script>
$.ajax({
        url: "//php serverside url",
        type: "POST",
        data:  new FormData(this),
        contentType: false,
        cache: false,
        processData:false,
        success: function(data)
        {
        //sucess    
        },
        error: function(){

   }
   });
</script>