如何将数据从节点js文件传递到html文件

时间:2018-05-05 15:35:47

标签: javascript html node.js post

在html中,我使用form标记将值传递给帖子表单中的节点js文件。

我在服务器端创建了一个新值,并在html中传递了值。

我想将值重新插入html上的textbox(结果)。 我希望这个过程发生在同一页面上。

我正在用pug模板引擎编写html,路由器名称是表单。

form(action='form' method='post')
            p.lead
                textarea(style='resize:none; width:400px; height:300px;' name='description' onkeydown="if(event.keyCode===9){var v=this.value,s=this.selectionStart,e=this.selectionEnd;this.value=v.substring(0, s)+'\t'+v.substring(e);this.selectionStart=this.selectionEnd=s+1;return false;}") #include<stdio.h>&#10;int main()&#10;{&#10;&#10;    return 0;&#10;}
            p
                input(type='text' style='resize:none; width:400px; height:50px;' name='result' readonly='readonly')
            p
                input(type='submit' value='submit' class='btn btn-success')

以这种方式创建html文件,并使用post方法将这些值发送到服务器。

app.post('/form',function(req,res) {
var description = req.body.description;
var source = description.split(/\r\n|\r\n/).join("\n");

fs.writeFile(file,source,'utf8',function(error) {
    console.log('write end');
});
var compile = spawn('gcc',[file]);
compile.stdout.on('data',function(data) {
    console.log('stdout: '+data);
});
compile.stderr.on('data',function(data){
    console.log(String(data));
});
compile.on('close',function(data){
    if(data ==0) {
        var run = spawn('./a.out',[]);
        run.stdout.on('data',function(output){
            console.log('end');
        });
        run.stderr.on('data', function (output) {
        console.log(String(output));
        });
        run.on('close', function (output) {
        console.log('stdout: ' + output);
        });
        models.Code.create( {
            title: 'test1',
            code: source 
        })
        .catch(err => {
            console.error(err);
        });
    }
  });
});

这是代码后部分的摘录。

我成功编译了服务器端的html textarea中编写的值并提取结果。

但我不知道如何将值发送回html。

1 个答案:

答案 0 :(得分:0)

您可以使用express js中间件从node.js服务器tk所有视图传递数据   喜欢这个

app.use(function(req,res,next){
res.locals.yourvariable = req.yourvariable;
next();
});

希望它会有所帮助