ajax图像作为php中的响应

Question

我想使用 php 显示图像作为对 ajax 调用的响应。有人有完整的代码吗？请帮帮我.. 提前致谢..

Answer 1

好吧，我没有完整的代码，如果有，我也不会给你。

您需要首先使用 PHP 的各种图像生成函数。要使其动态，您可以发送在网址中编码的各种参数 可以使用 $_GET php 中的超全局。

然后，您可以将现有图像占位符元素的 src 设置为动态图像的位置，然后瞧！即时动态图像。

Answer 2

您应该使用 jQuery + JSON 组合。您可以使用 json_encode 将 php 数组转换为 JSON 格式。

index.php：

<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="ajax.js"></script>

<a href='car.php' class='ajax'>Car Image</a>
<a href='bike.php' class='ajax'>Bike Image</a>

<div id="title">Title comes here</div>
<div id="image">Image comes here</div>

car.php：

<?php
$jsonArray['title'] = "Car";
$jsonArray['image'] = "<img src='images/car.jpeg'>";
echo json_encode($jsonArray);
?>

bike.php：

<?php
$jsonArray['title'] = "Bike";
$jsonArray['image'] = "<img src='images/bike.jpeg'>";
echo json_encode($jsonArray);
?>

ajax.js：

jQuery(document).ready(function(){

  jQuery('.ajax').click(function(event) {

      event.preventDefault();

      jQuery.getJSON(this.href, function(snippets) {
          for(var id in snippets) {
              jQuery('#' + id).html(snippets[id]);
          }
      });
  });

});