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

Question

Hello everyone as I am beginner in nodejs and expressjs, I am trying to fetch data according to the value entered in the form. And according to the value URL will be edited and send request and get data and show it to page. I wrote the code but it is not working.

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);
    });

Please help me to find the solution

Answer 1

I think you have a problem with bodyParser.

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

// parse application/json
app.use(bodyParser.json())

Add these just after app.set('view engine', 'ejs');

And your post function should be like this

     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);
    });
    });

And make sure that in the form in your index file you should have <input type="text" name="name"> Because you are using as 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);
    });