如何请求接口并发送到前台

Question

我是node.js的新手，我想练习一下。我找到了这个example。

我做了一个很好的home page主页，但是当我点击任何国家时，我不能显示它的信息，我的意思是，我可以请求我点击的国家的数据，但我不能把它发送到我呈现的页面来显示这些信息，我希望它看起来像这样的countryinfo

这就是节点

    const express = require("express")
    const app = express()
    const https = require("https")
    var bodyParser = require('body-parser')
    app.set("view engine", "ejs")
    app.use(express.static("./public"))
    var urlencodedParser = bodyParser.urlencoded({ extended: false })
    app.get("/" , (req, res) =>{
        res.sendFile(__dirname + "/index.html")
    })

    app.get("/:thename" , (req, res) =>{
        res.render("countryinfo")

    })
    app.post("/:thename" , urlencodedParser,(req, res) =>{
        let theName = `https://restcountries.eu/rest/v2/name/${req.params.thename}`;
        https.get(`https://restcountries.eu/rest/v2/name/${req.params.thename}`, (resp) => {
        let data = '';

        // A chunk of data has been recieved.
        resp.on('data', (chunk) => {
          data += chunk;
        });

        // The whole response has been received. Print out the result.
        resp.on('end', () => {
          res.json(JSON.parse(data));
        });
     })
app.listen("3000")

这是javascript文件

countries.forEach(nation=>{
    nation.addEventListener("click", getInfo)
    function getInfo () {
        var theName = nation.children[0].getAttribute("href")
        $.ajax({
            type: 'GET',
            url: theName,
            success: function(){

            }
        });
        $.ajax({
            type: 'POST',
            url: theName,
            data: {name: theName},
            success: function(data){//updated data
            }
        });
    }
})

我应该怎么做才能将数据发送到渲染的页面？我的目录是这样的：directories

Answer 1

您可能希望在已接收到数据的成功函数中更新您的正面。