Javascript 用PHP和AJAX实现变量按钮？

我想设置一个带有

onclick（）

函数的图像按钮（OPEN），该函数在php中呈现包含特定值更改的消息。 当用户单击该按钮时，所需的行为是，它将被另一个图像按钮（关闭）替换

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

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>";

if（window.XMLHttpRequest）
{//IE7+、Firefox、Chrome、Opera、Safari的代码
xmlhttp=新的XMLHttpRequest（）；
}
其他的
{//IE6、IE5的代码
xmlhttp=新的ActiveXObject（“Microsoft.xmlhttp”）；
}
xmlhttp.onreadystatechange=函数（）
{
if（xmlhttp.readyState==4&&xmlhttp.status==200）
{
var response=xmlhttp.responseText；
x=响应；
如果（x==1）
link=“打开”；
其他的
link=“CLOSE”；
var content=”“+link+”；

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

有没有关于如何正确实施的建议？

类似这样的建议

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>";

像这样的

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>";

---

当页面打开时，按钮是否会动态更改，或者在不同的开口上是否会有不同的按钮？您可以随时更改图像的src属性，是的，只要图像代码在其中，您可以使用变量（as link）来更改content@DavidMårtenson不同的开口上应该有不同的按钮（我想知道是否有一种方法可以在页面打开时动态更改按钮？）@neu rah如果我在内容中添加图像代码，它不会更改。我将如何更改图像代码中的src？如果它适用于您的链接，它将适用于图像，请参见下面的示例页面打开时按钮是否会动态更改，或者在不同的开口上是否应该有不同的按钮？您可以在以下情况下更改图像的src属性：你永远不需要，是的，你可以用一个变量（作为链接）来实现，只要图像代码在里面content@DavidMårtenson在不同的页面上应该有不同的按钮（我想知道有没有一种方法可以在页面打开时动态更改按钮？）@neu-rah如果我在内容中添加图像代码，它不会改变。我将如何改变src内部图像代码？如果它对您的链接有效，它将对图像有效，请参见下面的示例谢谢。我看到它将是链接+图像。有没有一种方法可以像这样使用图像按钮？您在td表上使用的是onclick事件，这不会很好地发挥作用里面有一个按钮（或者至少会让人困惑）但是，你可以使用一个按钮图像：并且最终将OnCutton事件移动到按钮以获得更清晰的代码，因为我不确定是否所有浏览器都会按相同的方式点击按钮点击TD点击。我明白了。非常感谢你，我看到它是链接+图像。有没有办法使用图像按钮？你正在使用桌面td上的onclick事件，如果里面有一个按钮，它不会很好地发挥作用（或者至少会让人困惑）但是，你可以使用一个按钮图像：并且最终将OnCutton事件移动到按钮以获得更清晰的代码，因为我不确定是否所有浏览器都会考虑按钮点击与TD点击相同的方式。