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

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