提问者:小点点

在节点中发布表单,并接收返回到同一网页的数据响应


null

我曾尝试在一篇文章中使用FormData和npm'form-data',但在以下示例中都无法正常工作:https://javascript.info/FormData和https://www.npmjs.com/package/form-data。

我在节点中的结构是router.js文件

    return res.send(htmlFormTemplate({}));

});



router.post('/css', 
        [],
    async (req, res) => {
        
        let {data} = req.body;
    ///
result= do some calculation on {data}   
    ///
        return  res.send(htmlFormTemplate({result}));
});

htmlFormTemplate是一个js文件

module.exports = ({result}) => {
    
   return `  
<!DOCTYPE html>
<html>
  <head>
    
  </head>
  
<body>

<form class="box"  method ="POST">  
<inputname="data" />
<button>Submit</button>
</form>

<script>
///tried form processing here
</script>

<section id="Results">
            <ul><li>Your result is ${result}</li></ul>
</section>

</body> 
</html>
 `;
};

我是自学的,也是新来的,所以希望这是有意义的,谢谢你的帮助/点子


共1个答案

匿名用户

您可以在结果变量到达分区div之前检查它是否为空:

${ result === null ?  '' :
`<section id="Results">
            <ul><li>Your result is ${result}</li></ul>
</section>`}

null