使用 PHP 和 AJAX 实现变量按钮

Question

我想设置一个带有onclick()函数的图像按钮(OPEN(，该函数呈现包含php中特定值更改的消息。当用户单击该按钮时，所需的行为是它将被另一个图像按钮 (CLOSE( 替换。

是否可以设置变量按钮？我尝试使用变量链接，如下所示：

JavaScript：

if (window.XMLHttpRequest)
   {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
   }
 else
 {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 }
 xmlhttp.onreadystatechange=function()
 {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
  {
   var response=xmlhttp.responseText;
   x=response;
   if(x == 1)
   link="OPEN";
   else 
   link="CLOSE";
   var content = "<table style="padding-left:10px ;  float:right ; text-align:right" > <tr><td style="float:right;color: blue;text-decoration: underline" onmouseover="this.style.cursor='hand'" onclick="function()">"+link+"</td></tr></table>";

但是，当用户单击"打开"链接并关闭页面时，下次他将获得关闭链接而不是打开

关于如何正确实施这一点的任何建议？

Answer 1

像这样

if(x == 1) {
  link="OPEN";
  src="open.png"
} else {
  link="CLOSE";
  src="close.png"
}
var content = "<table style="padding-left:10px ;  float:right ; text-align:right" > <tr><td style="float:right;color: blue;text-decoration: underline" onmouseover="this.style.cursor='hand'" onclick="function()"><img src=""+src+""/>"+link+"</td></tr></table>";

或与某处的图像一起使用

document.getElementById("imageid").src=src