如何在nodejs中使用sweetalert?

2024-03-19

我有一个带有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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在nodejs中使用sweetalert? 的相关文章

  • 喜欢和不喜欢用户对产品的评论

    用户架构 var UserSchema new Schema review likes type String review dislikes type String 审查架构 var ReviewSchema new Schema pro
  • 如何对 NestJS 中的控制器应用防护进行单元测试?

    我在 NestJS 中配置了一个控制器 我想检查是否设置了适当的防护 有人有如何完成此操作的示例吗 这个 删节的 示例作为一个应用程序可以正常工作 所以我只是在测试指导之后 您会注意到在用户测试中有一些我正在调用的测试Reflect get
  • 如何在socket.io Nodejs服务器上列出房间

    在问题取得进展后如何创建socket io多播组 https stackoverflow com questions 6616922 how to create socket io multicast groups 6624604 6624
  • 如何使用 Node.js 解析 JSON? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我应该如何使用 Node js 解析 JSON 是否有一些模块可以安全地验证和解析 JSON 你可以简单地使用JSON parse h
  • 使用mockery和sinon模拟类方法

    我正在学习使用带有 sinon 的节点模块模拟进行单元测试 仅使用模拟和普通类 我就可以成功注入模拟 不过 我想注入一个 sinon 存根而不是一个普通的类 但我在这方面遇到了很多麻烦 我试图嘲笑的班级 function LdapAuth
  • 如何向 node-http-proxy 响应添加标头

    我需要在第三方服务上解决CORS 所以我想构建一个代理来添加标头 Access Control Allow Origin 为什么这段代码没有添加标题 httpProxy require http proxy var URL https th
  • Node.js:您什么时候知道异步任务集合何时完成?

    我想深入一个目录 并根据正则表达式检查我在其中看到的每个文件的名称 基本上是通用unix的一个版本find命令 仅用 Node js 编写 我不关心文件的顺序 但我确实想确保获得所有文件 我有以下代码 我认为 它接近我想要的 它需要一个 s
  • “brew升级节点”后“node -v”显示错误版本

    我升级了 Node js 版本brew upgrade node其中安装了v5 3 0 但是当我得到节点的版本时node v它显示 v0 10 29 I tried brew link overwrite node但这没有用 Brew 已链
  • 如何执行密集的 Node.js 计算

    我正在开发一个电子商务应用程序 每次产品从服务器发送到客户端时都必须重新计算产品的定价 每次发送多达数千个产品 计算部分本身相当密集 因为它需要多个数据库查询来计算 我的简单解决方案是将计算部分抽象到另一个专门用于计算的 Node js 应
  • 有没有办法在 TypeScript 2+ 中全局添加类型定义?

    我有一堆简单的 ts files 不是项目 即独立的 ts 脚本 他们使用一些 Node js 功能 TypeScript 和节点类型定义通过安装 npm install g typescript npm install g types n
  • Node.js 中的 Twilio 短信回复

    我正在使用 node js 中的 twilio 编写移动通知系统 目前可以向用户发送短信 但我希望用户能够回复我 我需要收集用户发送文本的电话号码以及消息的内容 以查询我的 mongoosedb 我找不到太多这方面的信息 因此非常感谢您的帮
  • 如何在浏览器同步中配置端口

    我有一个gulp任务运行于browser sync 默认情况下它运行在node js服务器的端口3000上 我想将默认端口更改为任何其他端口 例如3010 var gulp require gulp connect require gulp
  • NodeJS os 模块无法使用 userInfo()

    https nodejs org api os html os os userinfo options https nodejs org api os html os os userinfo options 节点版本 v4 2 6 NPM版
  • Multer 使用数据创建新文件夹

    I use multer https github com expressjs multer 问题1 当我将以下代码片段放入app js app use multer dest uploads single file 它在根文件夹下创建一个
  • Angular 和 Node JS 中的路由问题 [Angular]

    我有角度js的问题 我创建了 login html 和 home html 成功登录后我想将页面更改为 home html 我的路由不起作用 默认 url 是 localhost angular 我尝试路由 realpath 即 local
  • Node.js es6 使用index.js 导出/导入

    我有以下文件夹结构 src index js lib test js dist examples example js src lib test js export default class Test src index js impor
  • Node.js 进行 rsa 加密的正确方法?

    我正在尝试创建一个 WS 来发出肥皂请求 在消息正文中有一个包含加密文本的字段 我有公钥来加密文本 但我获得的唯一结果是文本无法识别 我使用节点的加密模块来发出请求 并且文本已加密 但我不知道为什么没有正确加密 PS我用 openssl p
  • Sequelize 4.3.2 n:m(多对多)关联:未处理的拒绝 SequelizeEagerLoadingError

    我有 3 个模型 用户 项目 UserProject module exports function sequelize DataTypes var User sequelize define User title DataTypes ST
  • 不要在查询字符串 stringify 中对 url 进行编码

    有什么选择吗qs stringify那将not对网址进行编码 node gt var qs require querystring undefined gt qs stringify url http domain com url http
  • 对于单主机 Node.js 生产应用程序来说,什么是好的会话存储? [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 Locked 这个问题及其答案是locked help locked posts因为这个问题是题外话

随机推荐

  • Mail.php 和 Smtp 身份验证问题

    我一直在尝试利用 jquery contactable 插件 在 google 上找到 中的 mail php 文件在我的网站上使用 尽管提供的脚本相当简单 但我在将其与主机的 SMTP 要求集成时遇到了问题 这是没有 SMTP 身份验证的
  • 在 Android Studio 中使用 JDK17 和记录(Java、Android)

    第1部分 获得此版本的 Android Studio 后 我可以使用JDK17在我的项目中 一切都很好 没有构建失败 没有运行时错误等 就像增强开关工作正常 但是这个警告在每次构建过程中都会不断出现 有什么办法可以suppress this
  • shell 中的“< <(command args)”是什么意思?

    当递归循环遍历包含空格的文件的文件夹时 我使用的 shell 脚本是这种形式 从internet http mywiki wooledge org BashFAQ 020 while IFS read r d 0 file do dosom
  • 为 UIControlStateHighlighted 自定义 UISearchBarIconClear 不起作用

    我有一个 UISearchBar 我为 UiControlStateNormal 设置了自定义 UISearchBarIconClear mySearchBar setImage myImage forSearchBarIcon UISea
  • AspectJ 编译器 (ajc) 与加载时编织

    这里有几个问题 ajc 是否会更改它编译的所有类 甚至是非方面的类 如果我只编译方面类 ant 然后将它们与常见的类路径放在同一个类路径中会怎样 ajc 编译的项目是否比使用加载时编织的项目执行得更快 如果我需要编写一个使用 AspectJ
  • Maven Archetype Plugin - 如何使用不包含 pom.xml 的部分原型?

    我们想创建一个部分原型来添加custom pom xml以及其他资源到现有项目中 然后 自定义 pom 将在生成的项目中使用mvn f custom pom xml 因此 我们的原型包含一个src main resources archet
  • Monitor.PulseAll() 中需要帮助

    任何人都可以用简单的例子来解释我如何处理 Monitor PulseAll 我已经从这个 stackoverflow 中获取了一些示例 由于我是初学者 我觉得这些超出了我的理解范围 怎么样 展示互动 static void Main obj
  • 如果 Web 服务器是非阻塞的,这是否意味着它处理 IO 的方式与 Node.js 相同?

    我很快就会使用名为 Undertow 的服务器 这website http undertow io says Undertow 是一个用 java 编写的灵活的高性能 Web 服务器 基于NIO提供阻塞和非阻塞API 如果Undertow允
  • 命令行查找、sed、exec

    我在一个文件夹 子文件夹中有一堆文件 我试图制作某种单行代码 以便偶尔快速复制 粘贴 内容如下 太长 无法粘贴到此处 http pastebin com 4aZCPbwT http pastebin com 4aZCPbwT 我尝试过以下命
  • Qt/Qml:如何包含地图图块以供离线使用?

    我需要将离线图块 滑动地图 包含到主要在 Android 和 iOS 上运行的 Qt Qml 移动应用程序中 我发现的唯一有据可查且有效的解决方案是商业 Esri Arcgis Runtime for Qt 但是 创建切片包需要使用 Arc
  • 表格太宽,无法容纳 Markdown 生成的 PDF

    我正在尝试使用 Rmarkdown 将 SQL 查询的表显示为 pdf 但是 我得到的表格太宽 不适合文档 有人建议我使用 Pander 包 因此我尝试使用 pandoc table 函数 该函数在控制台上运行良好 但由于某种原因 它阻止我
  • 一组玩家的所有可能的牌/扑克牌组合

    我正在寻找一个优雅 快速 的 python 函数 它可以从以下两个数组中生成每个组合 cards 8H 8S 8C 8D 9H 9S 9C 9D 10H 10S 10C 10D AH AS AC AD players 1 1 1 2 2 2
  • 你用 Sinatra 做什么? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • Java 文档重写方法不具有 InheritDoc

    重写另一个方法的方法不会继承它所重写的方法的文档 有没有办法明确告诉它继承文档 inheritDoc This implementation uses a dynamic programming approach Override publ
  • HttpClient 属性未通过 DI 传递

    我正在开发一个 ASP NET Core 5 0 项目 该项目有一个访问 API 的服务 根据下面的代码 我希望提供给 ToornamentService 构造函数的 HttpClient 包含声明的 BaseAddress 和 API 密
  • 为什么 WiX 安装会在 HKLM\SOFTWARE\WOW6432Node\Microsoft\Windows\CurrentVersion\Uninstall\ 中创建两个条目

    我正在尝试卸载我们产品的旧版本 该版本是使用 WiX 构建的安装程序安装的 并且在静默卸载后 msiexec x GUID 该程序仍然出现在控制面板中 我已经开了一个单独的项目 https stackoverflow com questio
  • 强制 Vagrant 在下一个 vagrant up 时重新配置或下载新的盒子

    如果我更改配置脚本或更糟糕的是基本操作系统 有没有办法强制 vagrant 重新配置或重新下载基本框 我试图改变config vm box and config vm box url but vagrant up仍然高兴地启动到旧盒子 我知
  • Blowfish 和 Blowfish-compat 有什么区别?

    我似乎找不到差异的来源 我在这个在线解密工具中发现了这个区别 http www tools4noobs com online tools decrypt http www tools4noobs com online tools decry
  • Yargs 帮助不显示所有帮助选项

    我在用yargs为传递给脚本的参数添加命令行选项 当我发出帮助命令以及脚本名称时 它不会显示以下内容的帮助add范围 const yargs require yargs const argv yargs command add ADD A
  • 如何在nodejs中使用sweetalert?

    我有一个带有html代码的nodejs代码 我想在处理nodejs中的函数之后在客户端显示一个甜蜜的警报 var express require express var router express Router const Swal re