从表单呈现数据并将其与API结合使用

Question

我已经关注了几篇有关从HTML表单获取数据并将其与API结合使用的文章，但是尽管进行了所有这些研究，但我仍无法将其付诸实践。 这是我用作起点的SO帖子

现在，我只想从HTML表单中获取数据，将其与API调用一起使用，并console.log结果（只是我知道它正在工作）。

我的Express设置和HTML表单都在下面：

表达

var express = require("express");
var app = express();
var bodyParser = require("body-parser");
var request = require("request");

app.use(bodyParser.urlencoded({extended: true}));
app.set("view engine", "ejs");

app.use(express.static(__dirname + '/public'));

const apiUrl = "https://api.darksky.net/forecast/"; 
const apiKey = "XXX";

app.get("/", function(req, res){
    res.render("index");
});

app.post('/results', function(req, res){
    var lat = req.body.latitude;
    var long = req.body.longitude;
    request(apiUrl + apiKey + "/" + long + "," + lat, function(error, response, body){
        if (!error && response.statusCode == 200) {
            var parsedData = JSON.parse(body);
            console.log(parsedData.currently.summary + " " + parsedData.currently.temperature);
        }
    });
});

app.listen(3000, function(){
    console.log("Server has started");
})

HTML

<form action = "/results" method ="POST">
    <ul>
        <li>
            <label for = "latitude">Latitude</label>
            <input type="text" name="latitude" placeholder="e.g. 19.4326">
        </li>
        <li>
            <label for = "longitude">Longitude</label>
            <input type="text" name="longitude" placeholder="e.g. 99.1332">
        </li>
    </ul>
    <button type="submit">Get the weather</button>
</form>

为了确保API正常工作，我使用了以下代码，并返回clear 68.16 ：

var express = require("express");
var app = express();
var bodyParser = require("body-parser");
var request = require("request");

app.use(bodyParser.urlencoded({extended: true}));
app.set("view engine", "ejs");

app.use(express.static(__dirname + '/public'));

const apiUrl = "https://api.darksky.net/forecast/"; 
const apiKey = "XXX";
var lat = 23;
var long = 23;

app.get("/", function(req, res){
    res.render("index");
});

request(apiUrl + apiKey + "/" + long + "," + lat, function(error, response, body){
    if (!error && response.statusCode == 200) {
        var parsedData = JSON.parse(body);
        console.log(parsedData.currently.summary + " " + parsedData.currently.temperature);
    }
});

app.listen(3000, function(){
    console.log("Server has started");
})

Answer 1

您对API服务器的请求可能有误。 添加else块以request查看服务器已返回的内容。

request(apiUrl + apiKey + "/" + long + "," + lat, function(error, response, body){
if (!error && response.statusCode == 200) {
    var parsedData = JSON.parse(body);
    console.log(parsedData.currently.summary + " " + parsedData.currently.temperature);
}
else{
  console.log(response.body)
}

另外，最好用例如res.send结束周期