在Jquery AJAX中显示PHP数据

我有一个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调用发送“dataType：’image’，”因此ajax调用知道如何处理返回的数据 – 我使用的其他选项是dataType：’json’或’text’或’html’等http://docs.jquery.com/Specifying_the_Data_Type_for_AJAX_Requests

实际上除了字符串之外它不会占用任何东西，所以发回图像src来显示。 （我以为你想要返回实际的图像本身）。

Answer 2

由于您运行的是使用HTTP协议进行通信的AJAX，因此HTTP依赖于MIME type 。 使用’image’作为dataType来识别回调。

 dataType:'image', 

Answer 3

如果要在DIV中显示数据，可以执行以下操作：

HTML：

JavaScript的：

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

php（如果你在同一个文件中，你必须清除第一个缓冲区，但你应该使用另一个php文件来代替ajax）：