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

debugcn 发表于 Dev

阿布舍克·拉瓦尔

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

索引.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>

应用程序.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);
    });

请帮我找到解决方案

努里丁·库德拉托夫

我认为您对 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

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。