日期:2014-05-17  浏览次数:20683 次

点击图片使其转换的实现问题
在jsp页面中有一张图片,我写了一个js文件实现当点击它的时候换为另一张图片,但是在实现再次点击变为原来图片的时候出现了问题,具体的代码如下:
jsp:<img src="image/startexecute.png" alt="关闭" id="end" onclick="changeImg1()"/>
js:function changeImg1(){
  var img1 = document.getElementById("end");
  img1.src="image/stopexecute.png";
  img1.alt="关闭";
  img1.id="start";
  img1.onclick="changeImg2()"
  alert("设备关闭成功");  
  }
  function changeImg2(){
  var img2 = document.getElementById("start");
  img2.src="image/startexecute.png"; 
  img2.alt="开启";
  alert("设备开启成功");
  }
在实现的过程中有错误,而且这种实现只是表面上的实现,我写了个java程序来实现点击图片时更改数据库的信息,依照信息来变换图片方便的多,但是在js中调用java类老是提示出错,调用不成功,(单独执行java程序能实现数据库更新)怎么才能让js文件调用java类啊。
jsp:<img src="image/startexecute.png" alt="关闭" id="end" onclick="changeImg1()"/>
js:function changeImg1(){
  var img1 = document.getElementById("end");
  img1.src="image/stopexecute.png";
  img1.alt="关闭";
  alert("设备关闭成功");  
  update.insert();
  alter("更新成功") //update 是类名,update1更新数据库方法名
   
  }


------解决方案--------------------
js不能直接调用java类的方法,至少我还没见到过~~~

看lz这个情况,应该没用到框架吧,可以实现的方法很多。

用个jsp或者servlet,在这个里面写处理的逻辑

js里这句update.insert()改成,window.location.href="指向jsp或者servlet"