【问题标题】:how to use NodeJS pop up a alert window in browser如何使用 NodeJS 在浏览器中弹出警告窗口
【发布时间】:2017-07-05 01:31:17
【问题描述】:

我对 Javascript 完全陌生,我想知道在服务器(Nodejs)从前端收到帖子消息后,如何使用 node js 在浏览器中弹出警报窗口? 我需要使用 Ajax 吗?

【问题讨论】:

    标签: node.js


    【解决方案1】:

    "在服务器(Nodejs) 收到来自前端的 post 消息后?"在浏览器中显示一个弹出窗口。这是做不到的。如果发布请求成功,我假设您想显示一个弹出窗口。因为您提到了 Ajax,所以它是这样做的。

    在服务器中的后路由器定义中按如下方式进行操作

    router.post('/path', function(req, res){
       //do something
       res.jsonp({success : true})
    });
    

    类似的东西。最后你想从服务器向客户端发送一些东西。在客户端 javascript 文件中发送 post 请求后,如下所示。

    $.ajax({
        url:"/url/is/here",
        method: "POST",
        data : {
            data : "what you want to send",
            put : "them here"
        },
        cache : false,
        success : function (data) {
            // data is the object that you send form the server by 
            // res.jsonp();
            // here data = {success : true}
            // validate it
            if(data['success']){
                alert("message you want to show");
            }
        },
        error : function () {
            // some error handling part
            alert("Oops! Something went wrong.");
        }
    });
    

    【讨论】:

    • 这个答案很好,但我猜,这个问题不是询问不同来源之间的交易,所以使用 res.json 可能比使用 res.jsonp 更容易理解
    【解决方案2】:

    有一个用于弹出窗口的npm 模块,称为popups。您必须使用命令npm install popups 安装它。然后按如下方式使用:

    var popup = require('popups');
    
    popup.alert({
        content: 'Hello!'
    });
    

    您可以找到更多信息here

    【讨论】:

    • 你能给popupS模块用法的用法示例或链接吗?
    • 在撰写本文时,弹出窗口当前无法使用最新版本的节点 (v14.2.0)。 Repo 已经 5 年没有更新了。
    【解决方案3】:

    先安装alert模块:npm install alert

    let alert = require('alert'); 
    alert("message")
    

    【讨论】:

      【解决方案4】:

      这可行,但有一个问题 它像应用程序一样发送警报框 不像 javascript 的警报功能(在浏览器警报弹出窗口中向您发送)

      【讨论】:

      • 正如目前所写,您的答案尚不清楚。请edit 添加其他详细信息,以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2019-02-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-02-20
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多