html页面自己写js脚本收发数据，支持串口和TCP通讯（二）TCP客户端收发

最新推荐文章于 2023-11-05 20:53:32 发布

大鹏展翅888

最新推荐文章于 2023-11-05 20:53:32 发布

阅读量1.3k

点赞数 1

分类专栏：开源免费 html

本文链接：https://blog.csdn.net/zhupengfei/article/details/115309236

版权

开源同时被 3 个专栏收录

10 篇文章 1 订阅

订阅专栏

免费

9 篇文章 0 订阅

订阅专栏

html

7 篇文章 1 订阅

订阅专栏

本工具作为TCP客户端，模拟终端与服务器进行通讯。
在这里插入图片描述

完整示例：

<body>
    <div>tcp测试客户端</div><br />
    <input type="text" id="txtServer" value="127.0.0.1" /><br />
    <input type="text" id="txtPort" value="60000" /><br />
    <button onclick="conn()">连接</button>
    <button onclick="close()">断开</button>
    <button onclick="sendData()">发送</button>
    <button onclick="recvData()">接收</button>
</body>
<script type="text/javascript">
    (async function () {
        await CefSharp.BindObjectAsync("tcpClientHelper");
        
    })();


    function conn() {
        (async function () {
            await CefSharp.BindObjectAsync("tcpClientHelper");
            var server = document.getElementById("txtServer").value;
            var port = document.getElementById("txtPort").value;
            console.log(server, port);
            await tcpClientHelper.conn(server, parseInt(port));

            //建立连接后发登录
            await tcpClientHelper.sendData("383635333734303530363031353933");

            setTimeout("recvData()", 1000);
        })();
    }

    function close() {
        (async function () {
            await CefSharp.BindObjectAsync("tcpClientHelper");

            await tcpClientHelper.close();
        })();
    }

    function sendData() {
        (async function () {
            await CefSharp.BindObjectAsync("tcpClientHelper");

            await tcpClientHelper.sendData("313233");

            console.log('sendData');
        })();
    }

    function recvData() {
        (async function () {
            await CefSharp.BindObjectAsync("tcpClientHelper");

            let recvString = await tcpClientHelper.recvData();
            console.log('[' + recvString+ ']');
            if (recvString.trim() == '680100010068FFFFFFFFFFFF010100CE16') {
                console.log('ok 31');
                await tcpClientHelper.sendData('68 03 00 03 00 68 FF FF FF FF FF FF 81 01 00 01 AA BB B8 16');
            }
            else if (recvString.trim() == '680100010068FFFFFFFFFFFF020000552316') {
                console.log('ok 32');
                await tcpClientHelper.sendData('68 01 00 01 00 68 FF FF FF FF FF FF 82 01 00 FF 4E 16');
            }

            setTimeout("recvData()", 1000);
        })();       
    }  
</script>

效果

大鹏展翅888

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
打赏
0
评论
html页面自己写js脚本收发数据，支持串口和TCP通讯（二）TCP客户端收发

本工具作为TCP客户端，模拟终端与服务器进行通讯。完整示例：<body> <div>tcp测试客户端</div><br /> <input type="text" id="txtServer" value="127.0.0.1" /><br /> <input type="text" id="txtPort" value="60000" /><br /> <button
复制链接

扫一扫