app.get("/",(req,res)=>{ res.send({ok:1}) })

这段代码是一个简单的 Express 应用程序路由。当用户通过浏览器访问根路径时，它将返回一个 JSON 对象，其中包含一个名为 "ok" 的键和值为 1。这个路由是通过使用 Express 的 app 对象创建的，其中 app.get() 方法指定了处理 GET 请求的路由。当路由匹配时，它将调用一个回调函数，该函数将处理请求并返回响应。在这种情况下，回调函数只是返回一个 JSON 响应。

const express = require('express'); const bodyParser =require("body-parser"); const app = express(); //express ->app //NextHandleFunction =(req,res,next) =>{} app.use( bodyParser.urlencoded({ extended:false, }) ); app.use((req,res,next) =>{ console.log(1); req.body="123"; res.send("你好123") }); const port =3000; //请求 GET POST PUT DELETE app.get('/hello', (req, res) => { //res 响应 //req 请求 console.log(req.query); console.log(req.a); console.log(req.boby); console.log(req.params); console.log("我被请求到了"); res.send("你好"); });一行一行翻译

这是一个使用 Express 框架开发的应用程序，引入并使用了两个模块：express 和 body-parser。创建了一个 Express 应用程序（app）并声明了一个中间件函数（NextHandleFunction），使用了 bodyParser 中间件对请求体进行解析，打印输出了数字1，并将请求体数据设为字符串"123"，然后响应客户端"你好123"。使用了端口号3000启动了服务程序。定义了一个路由处理程序，当请求路径为"/hello"时，打印输出了请求参数 req.query、请求属性 req.a、请求体内容 req.body、请求参数 req.params，并响应客户端"你好"。

<!DOCTYPE html> <html> <head> <title>Node.js Demo</title> </head> <body> <button onclick="addData()" class="addData">按钮一</button> <button onclick="getDataList()" class="DataList">按钮二</button> <div id="result"></div> <script type="text/javascript" src="jquery-3.7.0.js"></script>  <script> $(".addData").click(function () { var oAjax = $.ajax({ url: "http://127.0.0.1:3000/home", type: "post", success: function (data) { alert(data); } }) }) $(".DataList").click(function () { var oAjax = $.ajax({ url: "http://127.0.0.1:3000/home", type: "post", success: function (data) { var resultDiv = document.getElementById("result"); resultDiv.innerHTML = data; alert(data); } }) }) </script> </body> </html>const express = require('express'); const bodyParser = require('body-parser'); const app = express(); app.use(bodyParser.urlencoded({ extended: false })); app.use(bodyParser.json()); app.post("/addData", (req, res) => { res.send("添加成功"); }); app.post("/dataList", (req, res) => { var arr = []; var zhansan = { name: "张三", age: 19 }; var lisi = { name: "李四", age: 19 }; arr.push(zhansan); arr.push(lisi); res.send(JSON.stringify(arr)); }); const port = 3000; app.listen(port, () => { console.log(`服务器已启动，正在监听端口 ${port}`); }); // //设置一个路由--不使用模块化 // //语法：app.get("/自定义一个名字",callback) // //语法：app.post("/自定义一个名字",callback) app.post("/home",(req,res)=>{ // // req 请求---向服务器请求资源 // // res 响应--给前端发送数据 res.send("home页面") })没实现点击按钮

你在代码中存在一个问题，就是你的按钮点击事件绑定的是`addData()`和`getDataList()`函数，但是你的JavaScript代码中没有定义这两个函数。另外，你的接口路径应该是`/addData`和`/dataList`，而不是`/home`。你可以尝试使用以下代码，它修复了上述问题： ```html <!DOCTYPE html> <html> <head> <title>Node.js Demo</title> <script src="jquery-3.7.0.js"></script> </head> <body> <button onclick="addData()" class="addData">按钮一</button> <button onclick="getDataList()" class="DataList">按钮二</button> <div id="result"></div> <script> function addData() { $.post("/addData", function(data) { alert(data); }); } function getDataList() { $.post("/dataList", function(data) { var resultDiv = document.getElementById("result"); resultDiv.innerHTML = data; alert(data); }); } </script> </body> </html> ``` 另外，确保你在项目根目录下有一个名为`jquery-3.7.0.js`的文件，它将被用于引入jQuery库。如果没有该文件，可以从jQuery官网下载并保存到项目根目录下。然后，确保你的Node.js服务器代码与之前提供的代码一致。现在，当你在浏览器中访问页面并点击按钮时，应该能够正常调用接口并弹出相应的结果，或者将结果填充到页面中的`<div>`元素中。

阅读全文

app.get("/",(req,res)=>{ res.send({ok:1}) })

相关推荐

Express 框架介绍 安装 路由 动态路由 get传值及相关源码.zip

app.js:NodeJS应用程序框架

从零开始学习后端开发：Node.js与Express框架入门教程

请问只要html文件和css文件放在同一目录下，那么：和app.get('/', function(req, res) { res.sendFile(__dirname + '/index.html'); });就能使得css文件正确调用吗

最新推荐

基于python的垃圾分类系统资料齐全+详细文档.zip

基于java的网上书城系统设计与实现.docx

Raspberry Pi OpenCL驱动程序安装与QEMU仿真指南

管理建模和仿真的文件

Fluent UDF实战攻略：案例分析与高效代码编写

如何使用DPDK技术在云数据中心中实现高效率的流量监控与网络安全分析？

Apache RocketMQ Go客户端：全面支持与消息处理功能

"互动学习：行动中的多样性与论文攻读经历"

Fluent UDF进阶秘籍：解锁高级功能与优化技巧

在Vue项目中，如何利用Vuex进行高效的状态管理，并简要比较React中Redux或MobX的状态管理模式？

Express 框架介绍安装路由动态路由 get传值及相关源码.zip