想用php和ajax刷新图片遇到麻烦，求高手帮助

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="replace.js"></script></head><body><table width="200" border="1">
  <tr>
    <td><div id="img01"><img src="image/N1.jpg" width="300" height="300" /></div></td>
    <td><div id="img02"><img src="image/N1.jpg" width="300" height="300" /></div></td>
    <td><div id="img03"><img src="image/N1.jpg" width="300" height="300" /></div></td>
  </tr>
  <tr>
    <td><div id="img04"><img src="image/N2.jpg" width="300" height="300" /></div></td>
    <td><div id="img05"><img src="image/N2.jpg" width="300" height="300" /></div></td>
    <td><div id="img06"><img src="image/N2.jpg" width="300" height="300" /></div></td>
  </tr>
  <tr>
    <td><div id="img07"><img src="image/N3.jpg" width="300" height="300" /></div></td>
    <td><div id="img08"><img src="image/N3.jpg" width="300" height="300" /></div></td>
    <td><div id="img09"><img src="image/N3.jpg" width="300" height="300" /></div></td>
  </tr>
   <tr>
    <td colspan="3" align="center"><input name="" type="button" value="上一页"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="" type="button" value="下一个" onclick="showImg()"/></td>
 
  </tr>
  
</table>  
</body>
</html>var xmlHttpfunction showImg()
{
alert("展示");
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request");
return;
  } 
  var url="getImg.php"
  
  xmlHttp.onreadystatechange=stateChanged;
  xmlHttp.open("GET","getImg.php",true);
  xmlHttp.send();
}function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}function stateChanged() 
{ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById("img01").innerHTML=xmlHttp.responseText;;
} 
}<?php
$response="<img src='image/N4.jpg' width='300' height='300' />";
echo $response;?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="replace.js"></script></head><body><table width="200" border="1">
  <tr>
    <td><div id="img01"><img src="image/N1.jpg" width="300" height="300" /></div></td>
    <td><div id="img02"><img src="image/N1.jpg" width="300" height="300" /></div></td>
    <td><div id="img03"><img src="image/N1.jpg" width="300" height="300" /></div></td>
  </tr>
  <tr>
    <td><div id="img04"><img src="image/N2.jpg" width="300" height="300" /></div></td>
    <td><div id="img05"><img src="image/N2.jpg" width="300" height="300" /></div></td>
    <td><div id="img06"><img src="image/N2.jpg" width="300" height="300" /></div></td>
  </tr>
  <tr>
    <td><div id="img07"><img src="image/N3.jpg" width="300" height="300" /></div></td>
    <td><div id="img08"><img src="image/N3.jpg" width="300" height="300" /></div></td>
    <td><div id="img09"><img src="image/N3.jpg" width="300" height="300" /></div></td>
  </tr>
   <tr>
    <td colspan="3" align="center"><input name="" type="button" value="上一页"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="" type="button" value="下一个" onclick="showImg()"/></td>
 
  </tr>
  
</table>  
</body>
</html>var xmlHttpfunction showImg()
{
alert("展示");
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request");
return;
  } 
  var url="getImg.php"
  
  xmlHttp.onreadystatechange=stateChanged;
  xmlHttp.open("GET","getImg.php",true);
  xmlHttp.send();
}function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}function stateChanged() 
{ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById("img01").innerHTML=xmlHttp.responseText;;
} 
}<?php
$response="<img src='image/N4.jpg' width='300' height='300' />";
echo $response;?>通过点击“下一页”把图片换成其他图片<table width="200" border="1">
  <tr>
    <td><div id="img01"><img src="image/N4.jpg" width="300" height="300" /></div></td>
    <td><div id="img02"><img src="image/N5.jpg" width="300" height="300" /></div></td>
    <td><div id="img03"><img src="image/N6.jpg" width="300" height="300" /></div></td>
  </tr>
  <tr>
    <td><div id="img04"><img src="image/N7.jpg" width="300" height="300" /></div></td>
    <td><div id="img05"><img src="image/N8.jpg" width="300" height="300" /></div></td>
    <td><div id="img06"><img src="image/N9.jpg" width="300" height="300" /></div></td>
  </tr>
  <tr>
    <td><div id="img07"><img src="image/N10.jpg" width="300" height="300" /></div></td>
    <td><div id="img08"><img src="image/N11.jpg" width="300" height="300" /></div></td>
    <td><div id="img09"><img src="image/N12.jpg" width="300" height="300" /></div></td>
  </tr>
   <tr>
    <td colspan="3" align="center"><input name="" type="button" value="上一页"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="" type="button" value="下一个" onclick="showImg()"/></td>
  
  </tr>
   
</table>

解决方案 »

  1.   

    这样只能改
     <td><div id="img01"><img src="image/N1.jpg" width="300" height="300" /></div></td>
    这一行其他的行怎么改？
      

  2.   

    这样只能改
     <td><div id="img01"><img src="image/N1.jpg" width="300" height="300" /></div></td>
    这一行其他的行怎么改？
      

  3.   

    在stateChanged这个函数里做处理就可以了。
    其实ajax请求里你可以只返回图片的URL，然后直接修改那些显示的图片的img标签的src属性。