使用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:"收到了。"});
};