使用JS获得串口数据

使用JS获得串口数据JavaScript语言通常是一种网页编程语言，比较适合前台的一些应用设计。对于本地设备和数据的操作有比较大的限制。由于项目的需要，我需要获得本机的串口数据并显示在web端。我们有很多中方法实现功能，在实际的操作过程中我测试两种方式获得数据。第一种方法是使用ActiveX控件，JS调用MSCOMM32.dll的串口控件对串口进行控制。第二种方法是使用C#语言的控件对串口进行控制，然后使用JS+AJAX与C#进行交互获得串口数据。先说说两种方法各自的特点：方法一使用的是微软的ActiveX控件MSCOMM32.dll,该控件可以直接对串口进行操作，而JS也可以通过调用接口进行控制。不过ActiveX控件目前只针对IE浏览器支持较好，我用的是Chrome那就爱莫能助了。方法二目前应该是比较流行的，C#用来做后台控制个人觉得还是很不错的，而AJAX在前后台数据交互方面的作用应该也是有目共睹的。唯一的不足可能就是在数据同步方面可能会稍有延迟，毕竟AJAX是一个异步传输的标准。首先，我尝试了方法一。实现一个htm文件和一个js文件。关于串口调用的代码很简单，htm文件中的主要工作是添加MSCOMM32.dll控件的调用。<objectclassid="clsid:648A5600-2C6E-101B-82B6-000000000014"id="MSComm1"codebase="MSCOMM32.OCX"type="application/x-oleobject"style="left:54px;top:14px"><paramname="CommPort"value="4"><!--设置并返回通讯端口号。--><paramname="DTREnable"value="1"><paramname="Handshaking"value="0"><paramname="InBufferSize"value="1024"><paramname="InputLen"value="0"><paramname="NullDiscard"value="0"><paramname="OutBufferSize"value="512"><paramname="ParityReplace"value="?"><paramname="RThreshold"value="1"><paramname="RTSEnable"value="1"><paramname="SThreshold"value="2"><paramname="EOFEnable"value="0"><paramname="InputMode"value="0"><!--comInputModeText0（缺省）通过Input属性以文本方式取回数据。comInputModeBinary1通过Input属性以二进制方式检取回数据。--><paramname="DataBits"value="8"><paramname="StopBits"value="1"><paramname="BaudRate"value="38400"><paramname="Settings"value="38400,N,8,1"></object>以上代码主要设置了串口号，波特率，收发缓冲等等(具体使用说明网上有很多)。而在js文件中则主要实现打开关闭串口，以及收发数据的操作。functionOpenPort(){varcmd_send="";varresult=$('txtReceive').value;varresults=result.split(',');for(vari=0;i<results.length;i++){cmd_send+=String.fromCharCode(eval(results[i]));}if(MSComm1.PortOpen==false){MSComm1.PortOpen=true;MSComm1.Output=cmd_send;〃发送命令}else{window.alert("已经开始接收数据!");}}functionClosePort(){if(MSComm1.PortOpen==true){MSComm1.PortOpen=false;}else{window.alert ("串口已经关闭!");}}functionSendMessage(){varcmd_send="";varresult=$('txtReceive').value;varresults=result.split(',');for(vari=0;i<results.length;i++){cmd_send+=String.fromCharCode(eval(results[i]));}if(MSComm1.PortOpen==false){window.alert("串口已经关闭!!");}else{MSComm1.Output=cmd_send;〃发送命令}}实现之后的效果是这样的:我们看到的上面的文本框使我发送的指令，而下面的文本框就是我收到的数据。后，我使用方法二。使用C#打开串口，使用jQuery的函数和C#进行通讯获取当前的数据(包括当前经纬度，时间日期)。C#的代码如下：publicstaticvoidRead(){sp=newSerialPort("COM4",38400,Parity.None,8,StopBits.One);sp.Close();sp.ReadBufferSize=512;sp.ReceivedBytesThreshold=1;sp.Open();while(true){try{Databuffer+=sp.ReadExisting();}catch(TimeoutException){}}}其中sp为串口类SerialPort。打开串口之后调用ReadExisting函数读取串口数据。JS中获取当前数据的代码如下functionGPSGetDataTimer(){Referece="data";//获得GPS数据$.post("GetGPSDataComm.aspx",{REF:encodeURI(Referece)},function(data){alert(data);});}我按照一定的频度向GetGPSDataComm.aspx文件发出请求，然后获得当前的数据,并且把字符串显示出来。效果如下图：COlocalhost:2399/googleX20B3pX20i 1sps/bzbc.hta,卢 1—|Map1Satellite|H>irid•p；Hongkou虹口区蘇二澀錢二傩5±a(.v-□