出于安全性考虑，，，javascript不能操作本地设备的，，，如果需要读取串口中输入的数据，，，用PHP代码来试试。。。。。
创新互联是一家专业从事网站制作、成都网站设计的网络公司。作为专业网站设计公司,创新互联依托的技术实力、以及多年的网站运营经验,为您提供专业的成都网站建设、营销型网站及网站设计开发服务！
web页面上获取客户端的串口数据的方法：
可以写一个串口代理程序，读取本地串口，将获取到的数据存入数据库。web通过ajax+定时器获取数据库中的数据显示就好了。
如果要交互，可以搞一个让上面提到的串口程序开一个socket.将串口通信获取的数据，通过socket发出去，web页面可以用websocket。
下面一个通过flash操作ardiuno的demo.用的是类似于第二种交互的方法。只不过用的是ActionScript.原理是一样的。
串行接口是一种可以将接收来自CPU的并行数据字符转换为连续的串行数据流发送出去，同时可将接收的串行数据流转换为并行的数据字符供给CPU的器件。一般完成这种功能的电路，我们称为串行接口电路。
串口通信（Serial Communications）的概念非常简单，串口按位（bit）发送和接收字节的通信方式。
注意事项：
户端的系统数据如果能随便被web页面读取，那大家也不敢随便打开网页了，至于说用IE的ActiveX 控件，这个也没有前途，IE默认不开启，现在有IE的也没什么人，当然如果是用于特定客户的话可以了，反正你想干嘛就干嘛。
1，使用jquery的autocomplete方法，这种网上有很多资料 2，使用异步调用ajxa方法，当输入框变化就提交ajax请求，下面是我现在使用的一个例子： 输入页面代码index.php
1.通过php扩展dio。
下载dio扩展：
在php.ini打开dio扩展。
dio开启后可以通过dio_open dio_read等函数进行通信。但dio默认只是在Linux下的，好像pecl也有编译后的php_dio.dll，但我在win下测试其实无法正常使用，可能是我php版本太高（5.3.3）。
dio扩展如果能打开，网上自然有很多实例
?php
$c = stream_context_create(array('dio' =
array(‘data_rate’ = 115200,
‘data_bits’ = 8,
‘stop_bits’ = 1,
‘parity’ = 0,
‘is_canonical’ = 1)));
if (PATH_SEPARATOR != “;”) {
$filename = “dio.serial:///dev/ttyS0″;
} else {
$filename = “dio.serial://COM1″;
}
?
2.PHP_SER扩展
这是一个第三方扩展，可以在php5.3.3上正常使用，我测试结果是比较稳定，提供了单字节流通信和异步通信。对于单字节流通信我还专门请教了作者，发现原来可以通过loop读取数据流的。需要注意的是ser_write()的数据是字符型，但是ser_read()的数据则是10进制。所以发送的时候最好转换为hex，接收后由十进制再转为十六进制才能正常使用。
还有就是php_ser作为第三方扩展，作者是收费的。免费版本没有功能限制，只是每次收发字节数不能超过1024字节。
function x_get_cgqbh() {
$str = ‘at+ver?’;
$str = hexToStr($str);
ser_open( “COM1″, 9600, 8, “None”, “1″, “None” );
if (ser_isopen()) {
return “opened, post data ……”;
}else{
return false;
}
ser_write(“$str”);
sleep(1);
$str = ser_read();
ser_close();
return $str;
}
PHP-Serial
上面的是PHP连接COM口的类，
它是通过PHP调用SHELL命令交互来执行连接COM口的。
线上环境无论从性能和稳定性和安全性都不建议这样使用。
假设这个页面有一个功能需要操作并返回某字符串，还用一下代码可以实现执行并读取返回值。
$fp = fopen("","r");
$ret= fgetss($fp,255);
echo $ret."br";
fclose($fp);