javascript - 发送带有文件的 var，在脚本中访问它并显示隐藏的 div

Question

目前home.html页面中有一个表单可以让我们提交数据。保存数据后，显示相同的 .html 页面但不同的 div(消息如 - Congrts，您的民意调查已创建......)。为此，我在发送文件时发送一个 bool 变量 dataSaved，以便我可以检索 bool 变量并显示 div。

我正在提交这样的表单 -

<form class="" action="/home/newPoll" method="post">
<form> 

我的server.js看起来像这样 -

app.post('/home/newPoll', function (req, res) {  
    const newPoll = new PollModel({
    ............//something here
    });
    PollModel(newPoll).save(function(error, data){
          if (error) {
            throw error;
            console.error("User Data is not saved."+error);
          } else {
            console.log("User data saved successfully");// working fine
            res.sendFile(__dirname+'/views/home.html', {dataSaved: true}); // this page is displayed also
          }
        });
    });

如果这个 var dataSaved 为 true，我想显示 div。

$(document).ready(function(){
    ............// some more code here, are working fine. 
    const dataSaved = <%= dataSaved %>;
    console.log(dataSaved); // not getting this
    if (dataSaved ) {
       $("#newPollDiv").hide();
       $("#myPollDiv").hide();
       $("#pollCreated").show();
    }
}

我没有使用任何 View 模板。

请提出建议，如果还有其他方法可以做到这一点。

Answer 1

您需要在 AJAX 请求中发送表单数据。现在看来客户端根本没有收到您的响应，因为您在发布表单数据后正在刷新页面。

由于您使用的是 jQuery，我建议您阅读:https://api.jquery.com/jquery.post/

基本上，您可以使用带有 URL 的函数 $.post 来发送表单数据，并使用回调来将 div 显示为输入。

示例:

$.post("/your/api/endpoint", function(response) {
    $("#newPollDiv").hide();
    //...
});