node.js - 如何在nodejs中使用sweetalert?

标签 node.js express ejs sweetalert2

我有一个带有html代码的nodejs代码,我想在处理nodejs中的函数之后在客户端显示一个甜蜜的警报?

var express = require('express');
var router = express.Router();
const Swal = require('sweetalert2');

router.post('/add', function(req, res, next) {

    Swal('Hello world!');

});

<!DOCTYPE html>
<html lang="pt_br">
<head>
</head>
<body>
    <h1 class="text-center title-1"> Cad </h1>
    <form action="/add" method="post">
        <input type="submit" value="Save"/>
    </form>
</body>
</html>

最佳答案

这是显示弹出 swal 的唯一方法

var express = require('express');
var router = express.Router();

router.post('/add', function(req, res, next) {

   res.json("Hello world!")
});


<!DOCTYPE html>
<html lang="pt_br">
<head>
</head>
<body>
    <h1 class="text-center title-1"> Cad </h1>
    <form id="form" action="#" method="post">
        <input type="submit" value="Save"/>
    </form>
</body>
</html>
<script>

//import JQuery from script
//import swal script

$("#form").on("submit", function(e){
e.preventDefault();

$.ajax({
  url: "/add",
  method: "post"
}).done(d=>{
  swal(e.responseJSON);
});
})
</script>

关于node.js - 如何在nodejs中使用sweetalert?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56542357/

相关文章:

javascript - 在javascript中按下按钮时获取动态元素的值

javascript - 基于用户选择的环境的选择性ejs模板

android - 当手机从 sleep 状态唤醒时,Web 应用程序重新连接 (socket.io)

node.js - 如何在 React js Web 应用程序中添加 PAYTM 网关集成?

mysql - 为什么 Express.js 变量路由不起作用?

node.js - 将 HTTPS 服务器从 Express 迁移到 Hapi

node.js - 为什么 nodejs/express 中的 cookie-signature 使用 sha1-hashing 来比较签名?

node.js - 当后端位于 Docker 容器中时,SvelteKit SSR fetch()

javascript - 如何在node js中解析azure表的结果

node.js - 如何提高以编程方式发送图像的速度