使用Ajax从DB获取的显示图像

Question

我正面临着使用Ajax的显示图像。我不知道为什么它不是在div标签中绘制图像。 当我将动作放在form标签中并将其发送到find.php但不使用Ajax

时，它可以工作

//display.php
<script>
$(document).ready(function() {

var str = 'img_arr='+ img_arr + '&img_url=' + img_url ;

if (window.XMLHttpRequest){
   xmlhttp=new XMLHttpRequest();
}else{// code for IE6, IE5
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
 xmlhttp.onreadystatechange=function(){
   if (xmlhttp.readyState==4 && xmlhttp.status==200){
   document.getElementById("here").innerHTML=xmlhttp.responseText;
 }
}

 xmlhttp.open("GET","find.php?"+str,true);
 xmlhttp.send();
});
</scrpt>

<input type="text" id="img_url" name="img_url" value="google.com" />
<input type="text" id="img_arr" name="img_arr"  value="img.jpg" />
<div id="here"></div>

//find.php

<?
  $q = "...." 
  $r = @mysqli_query($dbc,$q);

  while($row = @mysqli_fetch_array($r)){
     echo ("<img src='button.png' style='margin-left:".$row['x_coord'].";margin-top:".$row['y_coord']."; position:absolute;' />");  
  }

?>