Node.js 通过单击按钮调用POST方法

这是我第一次安装服务器，需要帮助。所以我的目标是通过NodeJS和Expresss设置服务器。假设我们有一个带有管理员和用户的应用程序。当管理员单击一个按钮时，它会向服务器发送一些数据，然后用户可以获取数据

这是我的服务器设置：

const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => res.send('Hello World!'))

app.listen(port)

我可以添加一些post方法，比如：

 app.post('/', (req, res) => ....);

因此，我可以准备服务器对

监听
POST方法的反应，但我不知道如何通过单击按钮（我的意思是
调用
此POST方法）从我的应用程序发送一些数据。我看了很多教程，但没有看到任何真实的练习
 在您的express服务器上

var bodyParser = require('body-parser');
app.use(bodyParser.json());

app.post("/", (req,res) => {
    res.send("Hello");
});

在您的网页/应用程序上，您可以使用。
假设您的express服务器使用localhost和端口4000运行

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
var instance = axios.create({
    baseURL: "http://localhost:4000" //use your express server's url(address) and port here
});

function onclick(){
    instance.post("/").then( response => {
        //response.data will have received data
    }
}
</script>


var instance=axios.create({
基本URL:“http://localhost:4000“//在此处使用express服务器的url（地址）和端口
});
函数onclick（）{
instance.post（“/”）。然后（响应=>{
//response.data将收到数据
}
}

您可以使用此功能并在express server上单击按钮调用它

var bodyParser = require('body-parser');
app.use(bodyParser.json());

app.post("/", (req,res) => {
    res.send("Hello");
});

在您的网页/应用程序上，您可以使用。
假设您的express服务器使用localhost和端口4000运行

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
var instance = axios.create({
    baseURL: "http://localhost:4000" //use your express server's url(address) and port here
});

function onclick(){
    instance.post("/").then( response => {
        //response.data will have received data
    }
}
</script>


var instance=axios.create({
基本URL:“http://localhost:4000“//在此处使用express服务器的url（地址）和端口
});
函数onclick（）{
instance.post（“/”）。然后（响应=>{
//response.data将收到数据
}
}

您可以使用此函数并在按钮上调用它，单击
您只需在HTML页面中像这样使用jquery来调用api：

$("button").click(function(){
    $.post("/", function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});

var bodyParser = require('body-parser'); 
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.post('/', function(req, res) {
var obj = {};
obj.name="hello";
obj.lname="world" 
res.json(obj);
});

并从api发送数据：

$("button").click(function(){
    $.post("/", function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});

var bodyParser = require('body-parser'); 
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.post('/', function(req, res) {
var obj = {};
obj.name="hello";
obj.lname="world" 
res.json(obj);
});

您只需在HTML页面中使用jquery，如下所示，即可调用api：

$("button").click(function(){
    $.post("/", function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});

var bodyParser = require('body-parser'); 
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.post('/', function(req, res) {
var obj = {};
obj.name="hello";
obj.lname="world" 
res.json(obj);
});

并从api发送数据：

$("button").click(function(){
    $.post("/", function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});

var bodyParser = require('body-parser'); 
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.post('/', function(req, res) {
var obj = {};
obj.name="hello";
obj.lname="world" 
res.json(obj);
});

要接收
POST
参数，您需要
body parser
模块，您可以像这样将其包含在
app.js
中

var bodyParser = require('body-parser');
app.use(bodyParser.json());

下面是如何接收通过
POST
方法发送的表单字段

app.post('/', function(req, res) {
    var someField1 = req.body.some_form_field;
    var someField1 = req.body.form_field1;
});

希望这有帮助！
要接收
POST
参数，您需要
主体解析器
模块，您可以像这样将其包含在
app.js
中

var bodyParser = require('body-parser');
app.use(bodyParser.json());

下面是如何接收通过
POST
方法发送的表单字段

app.post('/', function(req, res) {
    var someField1 = req.body.some_form_field;
    var someField1 = req.body.form_field1;
});

希望这有帮助！
示例：

HTML:
表单元素应具有名称（这是必需的），以便在post正文请求中访问这些元素

<form method="post" action="/">
    <input type="text" name="Name" />
    <br>
    <input type="text" name="Telephone" />
    <br>
    <input type="submit" />
 </form>

})；
示例：

HTML:
表单元素应具有名称（这是必需的），以便在post正文请求中访问这些元素

<form method="post" action="/">
    <input type="text" name="Name" />
    <br>
    <input type="text" name="Telephone" />
    <br>
    <input type="submit" />
 </form>

}))
 我用@david-r的回复编辑了我的帖子。您将需要body parser包来解析post请求。我已使用@david-r的响应编辑了我的帖子。您需要body解析器包来解析post请求。