ajax图像作为PHP中的响应

时间:2010-09-26 05:34:54

标签: php ajax image response

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

2 个答案:

答案 0 :(得分:1)

嗯,我没有完整的代码,如果我这样做,我不会给你。

您需要先使用PHP's various image generation functions创建图像。要使其动态化,您可以发送它various parameters which are encoded in the url,并可以使用php中的$_GET超全局提取。

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

答案 1 :(得分:0)

您应该使用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]);
          }
      });
  });

});