如何从节点 js app.post() 调用 html 内的 javascript 函数？答案

【问题标题】：How to call a javascript function inside html from node js app.post()?如何从节点 js app.post() 调用 html 内的 javascript 函数？
【发布时间】：2018-07-07 03:15:03
【问题描述】：

我必须从 nodejs app.post() 调用 html 文件中存在的 javascript 函数。一旦请求到达app.post(/process-view-dnd-registration)，我必须立即致电openup()。此处的 html 文件包含要显示的弹出窗口的设计。我尝试使用popup.openup() 调用该函数。但它没有用。请在下面找到我的代码。

server.js

app.post('/process-view-dnd-registration',function(request,reply){
    popup.openup();
    var json_blob = ({
    "header" : {
    "event_const" : "CNST_PREFERENCE_REGISTRATION_EVENT"
    },
    "jsonblob" : {    
    "MobileNo":request.body.hidMobile,
    "SubscriberPrefCategory":request.body.ServiceProvider,
    "PreferenceDate": today,
    "PreferenceStartTime":request.body.datetimepicker3,
    "PreferenceEndTime":request.body.datetimepicker4
    }
    });
    request.body = json_blob;
    route.invoke(request,reply);
    reply.write('<script>setTimeout(function () { window.location.href = "/view-dnd-registration.html"; }, 3000);</script>');
})

popup.html:

<html>
   <head>
   </head>
   <body>
      //contains the design for popup
      <script>
         function open_popup(){
         alert("calling open_popup");
         $("html, body").animate({ scrollTop: 0 }, "slow");
         openpopup(); 
         }
      </script>
      <script>
         $("html, body").animate({ scrollTop: 0 }, "slow"); 
         function openpopup()
         {
         alert("calling open popup function");
         var id = '#dialog';
         //Get the screen height and width
         var maskHeight = $(document).height();
         var maskWidth = $(window).width();
         //Set heigth and width to mask to fill up the whole screen
         $('#mask').css({'width':maskWidth,'height':maskHeight});
         //transition effect
         $('#mask').fadeIn(500);
         $('#mask').fadeTo("slow",0.9);
         //Get the window height and width
         var winH = $(window).height();
         var winW = $(window).width();     
         //Set the popup window to center
         $(id).css('top',  winH/2-$(id).height()/2);
         $(id).css('left', winW/2-$(id).width()/2);
         //transition effect
         $(id).fadeIn(2000);
         }
      </script>
   </body>
</html>

请帮我如何在节点js中调用函数openup();。

【问题讨论】：

你是从哪里调用 http-request 的？
如何将信息从客户端发送到端点process-view-dnd-registration？
我们正在通过表单操作发送信息。但建议不要使用ajax调用。

标签： javascript jquery html node.js

【解决方案1】：

你不能那样做。有两种不同的方式：

使用 Ajax： 在您拥有表单的 HTML 页面中，您可以使用 Ajax 请求来调用您的 /process-view-dnd-registration 路由。然后，您将处理响应并直接在您的页面中调用open_popup() 函数。

类似的东西：

$("#formId").submit(function(e) {
  e.preventDefault();

  var formData = {
     'test': $('input[name=test]').val()
     // All your input values
  };

  $.ajax({
     url: '/process-view-dnd-registration',
     type: 'POST',
     dataType: 'json',
     data: formData
  }).done(function(data) {
     // Call your open_popup() function here
  });
});

在您的模板中处理响应：当您调用 popup.html 模板时，您可以在 app.post 方法中发送响应，并向其发送参数，例如可以是 openPopup 的布尔变量，以及然后在您的模板页面中处理它以确定是否显示弹出窗口。这取决于您在项目中使用模板的方式。

【讨论】：

感谢您的回复。但是忘了提到我们的要求要求我们不要使用 ajax call 。你能建议其他方法吗？
所以模板中的句柄响应建议不起作用？
@sasi - 你应该试试第二种方法