在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); } });
我获得了成功,现在我想显示数据,以便我可以看到新创建的图像。 我该怎么做呢?
您将要使用ajax调用发送“dataType:’image’,”因此ajax调用知道如何处理返回的数据 – 我使用的其他选项是dataType:’json’或’text’或’html’等http://docs.jquery.com/Specifying_the_Data_Type_for_AJAX_Requests
实际上除了字符串之外它不会占用任何东西,所以发回图像src来显示。 (我以为你想要返回实际的图像本身)。
由于您运行的是使用HTTP协议进行通信的AJAX,因此HTTP依赖于MIME type
。 使用’image’作为dataType
来识别回调。
dataType:'image',
如果要在DIV中显示数据,可以执行以下操作:
HTML:
JavaScript的:
$("#myemptydiv").append(data);
php(如果你在同一个文件中,你必须清除第一个缓冲区,但你应该使用另一个php文件来代替ajax):