php - 在 Jquery AJAX 中显示 PHP 数据

Question

我有一个 php 页面，我在其中显示一些带有单选按钮的图像。在开始时，预先选择了两个图像，然后我将它们合并并显示组合。但是用户可以选择不同的图像并单击 MergeImages 按钮，该按钮应显示所选的两个图像的组合。

我在一个 php 文件中执行此操作，其中我通过 POST 将选定的内容通过 AJAX 传递到同一个文件。

$.ajax({
          url: 'CreateImage.php',
          type: 'POST',
          data: {imagename : newImageName},
          success: function(data) {
          },
          error: function(jqXHR, textStatus, errorThrown) {
            console.log(textStatus, errorThrown);
          }
    });

我取得了成功，现在我想显示数据，以便我可以看到新创建的图像。我该怎么做呢？

Answer 1

由于您正在运行 AJAX，它使用 HTTP 协议进行通信，因此 HTTP 依赖于MIME type. 通过使用 'image' as 来识别回调dataType。

dataType:'image',

Answer 2

如果要在 DIV 中显示数据，可以这样做：

html:

<div id="myemptydiv"></div>

javascript:

$("#myemptydiv").append(data);

php（如果您在同一个文件中，则必须首先清除缓冲区，但您应该使用另一个 php 文件来处理 ajax 请求）：

<?php 
if(isset($_POST['imagename'])){
while(@ob_end_clean());
//do stuff here
echo $data;
exit;
}
?>

Answer 3

您将希望通过 ajax 调用发送“dataType: 'image'”，因此 ajax 调用知道如何处理返回的数据——我使用的其他选项是 dataType:'json' 或 'text'或“html”等 http://docs.jquery.com/Specifying_the_Data_Type_for_AJAX_Requests

实际上它只需要一个字符串，所以发回图像 src 以显示。（我以为您想返回实际图像本身）。