使用JS獲得串口數(shù)據(jù)

使用JS獲得串口數(shù)據(jù)JavaScript語言通常是一種網(wǎng)頁編程語言，比較適合前臺的一些應(yīng)用設(shè)計。對于本地設(shè)備和數(shù)據(jù)的操作有比較大的限制。由于項目的需要，我需要獲得本機的串口數(shù)據(jù)并顯示在web端。我們有很多中方法實現(xiàn)功能，在實際的操作過程中我測試兩種方式獲得數(shù)據(jù)。第一種方法是使用ActiveX控件，JS調(diào)用MSCOMM32.dll的串口控件對串口進行控制。第二種方法是使用C#語言的控件對串口進行控制，然后使用JS+AJAX與C#進行交互獲得串口數(shù)據(jù)。先說說兩種方法各自的特點：方法一使用的是微軟的ActiveX控件MSCOMM32.dll,該控件可以直接對串口進行操作，而JS也可以通過調(diào)用接口進行控制。不過ActiveX控件目前只針對IE瀏覽器支持較好，我用的是Chrome那就愛莫能助了。方法二目前應(yīng)該是比較流行的，C#用來做后臺控制個人覺得還是很不錯的，而AJAX在前后臺數(shù)據(jù)交互方面的作用應(yīng)該也是有目共睹的。唯一的不足可能就是在數(shù)據(jù)同步方面可能會稍有延遲，畢竟AJAX是一個異步傳輸?shù)臉?biāo)準(zhǔn)。首先，我嘗試了方法一。實現(xiàn)一個htm文件和一個js文件。關(guān)于串口調(diào)用的代碼很簡單，htm文件中的主要工作是添加MSCOMM32.dll控件的調(diào)用。<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"><!--設(shè)置并返回通訊端口號。--><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屬性以文本方式取回數(shù)據(jù)。comInputModeBinary1通過Input屬性以二進制方式檢取回數(shù)據(jù)。--><paramname="DataBits"value="8"><paramname="StopBits"value="1"><paramname="BaudRate"value="38400"><paramname="Settings"value="38400,N,8,1"></object>以上代碼主要設(shè)置了串口號，波特率，收發(fā)緩沖等等(具體使用說明網(wǎng)上有很多)。而在js文件中則主要實現(xiàn)打開關(guān)閉串口，以及收發(fā)數(shù)據(jù)的操作。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;〃發(fā)送命令}else{window.alert("已經(jīng)開始接收數(shù)據(jù)!");}}functionClosePort(){if(MSComm1.PortOpen==true){MSComm1.PortOpen=false;}else{window.alert ("串口已經(jīng)關(guān)閉!");}}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("串口已經(jīng)關(guān)閉!!");}else{MSComm1.Output=cmd_send;〃發(fā)送命令}}實現(xiàn)之后的效果是這樣的:我們看到的上面的文本框使我發(fā)送的指令，而下面的文本框就是我收到的數(shù)據(jù)。后，我使用方法二。使用C#打開串口，使用jQuery的函數(shù)和C#進行通訊獲取當(dāng)前的數(shù)據(jù)(包括當(dāng)前經(jīng)緯度，時間日期)。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。打開串口之后調(diào)用ReadExisting函數(shù)讀取串口數(shù)據(jù)。JS中獲取當(dāng)前數(shù)據(jù)的代碼如下functionGPSGetDataTimer(){Referece="data";//獲得GPS數(shù)據(jù)$.post("GetGPSDataComm.aspx",{REF:encodeURI(Referece)},function(data){alert(data);});}我按照一定的頻度向GetGPSDataComm.aspx文件發(fā)出請求，然后獲得當(dāng)前的數(shù)據(jù),并且把字符串顯示出來。效果如下圖：COlocalhost:2399/googleX20B3pX20i 1sps/bzbc.hta,盧 1—|Map1Satellite|H>irid?p；Hongkou虹口區(qū)蘇二澀錢二儺5±a(.v-□