nwjs使用process进行前后端通信

本文介绍了如何在HTML和Node.js应用中,无需引入额外模块,通过`process`对象实现在前端点击按钮触发事件时,向后端发送数据并接收响应的示例。展示了如何定义和调用函数来实现双向通信。
摘要由CSDN通过智能技术生成

使用process不用引入任何模块进行通信,并且调用函数

index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>测试前端向后端发送数据</title>
</head>

<body>
    <button type="button" onclick="testsfun()">测试发送数据到后端</button>
</body>
<script>
    // 测试写入文本 可以去除
    process.val.c2s = "c2s";
    // 用来被后端调用的函数
    process.val.cfun = (injson)=>{
        console.log(injson);
    };
    // 按钮按下
    function testsfun() {
        // 使用 后端的函数 在app.js中查看
        process.val.sfun(data);
    }
</script>

</html>

app.js

 // 设置一个前后端都可以调用的json区域方便归纳 node会先执行,所以放在这边
process.val = {};          
// 测试在内部写入文本
process.val.s2c = "s2c";    
// 在内部写入函数 在nodejs写这个代码就会执行在nodejs
process.val.sfun = (injson)=>{  
    // 从前端传入后端的数据显示出来
    console.log(injson);
    // 并重新发送回前端
    process.val.cfun({code:0,msg:"收到了。"});
};

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值