当我试图通过表单中输入的数据编辑API URL并从API获取数据时，代码不起作用

Question

大家好，我是nodejs和expressjs的初学者，我正在尝试根据表单中输入的值获取数据。根据值，URL将被编辑并发送请求和获取数据并显示到页面上。我写了代码，但它不起作用。

Index.ejs

<form action="/index" method="POST">
<label for="name">Enter json/xml: </label>
<input type="text" name="name">
&nbsp&nbsp&nbsp&nbsp&nbsp<button type="submit">Submit</button>
</form>

app.js

var express = require('express');
var app = express();
var request = require('request');
var bodyParser = require('body-parser');
app.set('view engine', 'ejs');
var urlencoderparser = bodyParser.urlencoded({ extended : true });
app.get('/', function(req, res){
res.render('index');
});
app.post('/', urlencoderparser, function(req, res){
res.render('form-data', {data : req.body});
request.post({
"headers": { "content-type": "application/json" },
"url": "http://mysafeinfo.com/api/data?list=englishmonarchs&format="+req.body.name,
}, (error, response, body) => {
if(error) {
return console.log(error);
}
data = JSON.parse(body);
});
console.log(req.body);
});

请帮我找到的解决方案

Answer 1

我认为您对bodyParser有问题。

// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }))
// parse application/json
app.use(bodyParser.json())

在app.set('view engine', 'ejs');之后添加这些

你的帖子功能应该像这个

app.post('/', function(req, res){
request('http://mysafeinfo.com/api/data?list=englishmonarchs&format='+req.body.name, function (error, response, body) {
var data = JSON.parse(body);
console.log(req.body);
});
});

并确保在索引文件中的表单中应有<input type="text" name="name">因为您使用的是req.body.name

Answer 2

app.use(express.urlencoded({
extended: true
}));
app.post('/index', function(req, res){
res.render('form-data', {data : req.body});
request.post({
"headers": { "content-type": "application/json" },
"url": "http://mysafeinfo.com/api/data?list=englishmonarchs&format="+req.body.name,
}, (error, response, body) => {
if(error) {
return console.log(error);
}
data = JSON.parse(body);
});
console.log(req.body);
});