点击button传递消息，但是页面不跳转的解决方法

　　最近在做一个物联网的项目时遇到的问题：界面上有很多控制开/关灯的button，通过点击button来控制各个灯的亮灭。我需要将获取的不同的点击事件消息，以Socket通信的方式发送给硬件端的服务监听程序。但是当点击button将消息发送到某个Servlet中时，界面会跳转。

解决方案：

1.解决页面跳转

用jquery+ajax发送Get请求。

用法： $.get( url, [data], [callback] )

参数：

url (String) :  发送请求的URL地址.

data (Map) : (可选) 要发送给服务器的数据，以 Key/value 的键值对形式表示，会做为QueryString附加到请求URL中。

callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。

2.解决当点击“打开”按钮后，按钮变为灰色不可点；当点击“关闭”按钮后，按钮变为灰色不可点，“打开”按钮变为可点

　可在js中通过改变button的disabled属性，来动态控制按钮的状态。当disabled=true时，按钮不可点；当disabled=false时，按钮可点。

具体解决过程：

web端界面

前端关键代码;

 <script type="text/javascript" src="jquery-2.1.1.js"></script>
 <script type="text/javascript">
   function on(led){
       var btnOn = document.getElementById(led);
       var led2 = led.split('_');
       var btnOff =  document.getElementById(led2[0]+"_off");
        btnOn.disabled = true;
        if(btnOff.disabled)
        btnOff.disabled = false;
       $.get("/testweb/ControlServlet?value="+led);
   }

   function off(led){
       var btn = document.getElementById(led);
       var led2 = led.split('_');
       var btnOn =  document.getElementById(led2[0]+"_on");
       btn.disabled=true;
       if(btnOn.disabled)
       btnOn.disabled = false;
       $.get("/testweb/ControlServlet?value="+led);
   }
 </script>

Servlet接收消息并将消息传给客户端

 public class ControlServlet extends HttpServlet {

     private static final long serialVersionUID = 1L;
     public void doGet(HttpServletRequest request, HttpServletResponse response)
             throws ServletException, IOException {
             String value = request.getParameter("value");
             //System.out.println("收到请求！="+value);
             SocketClient.clientRequst(value);
     }

 }

客户端通过Socket通信将控制消息发给硬件端的服务监听程序

 public class SocketClient {

     public static void clientRequst(String info) {

         try {
             //1. 创建客户端Socket，指定服务器地址和端口
             Socket socket = new Socket("localhost",8899);
             //2. 获取输出流，向服务器发送信息
             OutputStream os = socket.getOutputStream();
             PrintWriter pw = new PrintWriter(os);
             //System.out.println("将要发送="+info);

             pw.write(info);
             pw.flush();
             socket.shutdownOutput();
             pw.close();
             os.close();
             socket.close();

         } catch (UnknownHostException e) {
             e.printStackTrace();
         } catch (IOException e) {
             e.printStackTrace();
         }

    }
 }

JS简单模拟HTTP请求: http://www.qttc.net/201208184.html