Javascript 在我的比较天气网站页面中,当用户单击比较按钮时,ejs tempelate中仅呈现一个城市信息?

Javascript 在我的比较天气网站页面中,当用户单击比较按钮时,ejs tempelate中仅呈现一个城市信息?,javascript,node.js,express,ejs,Javascript,Node.js,Express,Ejs,“我已经检查了我的代码很多次,但是我没有发现我的错误。”。。 我知道我的代码有点笨拙,我正在努力使代码更简短 休息吧,一切都很好。。 我收到了两个请求,一个用于查找天气,另一个用于比较天气。发现天气状况非常好,但 我的app.js文件' const express = require("express"); const app=express(); const ejs = require("ejs"); const bodyparser = require("body-parser"); con

“我已经检查了我的代码很多次,但是我没有发现我的错误。”。。 我知道我的代码有点笨拙,我正在努力使代码更简短 休息吧,一切都很好。。 我收到了两个请求,一个用于查找天气,另一个用于比较天气。发现天气状况非常好,但
我的app.js文件'

const express = require("express");
const app=express();
const ejs = require("ejs");
const bodyparser = require("body-parser");
const https = require("https")
app.use(bodyparser.urlencoded({extended:true}));

app.use(express.static("public"));
app.set('view engine', 'ejs');


app.get("/compare",function(req,res){
  res.render("indexcompare.ejs")
});


app.post("/compare",function(req,res){
  const compare=[];
  const compare1=[];

  const name1=req.body.city1;
  const name2=req.body.city2;
  function one(name1){
const urls = "https://api.openweathermap.org/data/2.5/weather?q="+name1+"&appid=api key&units=metric"
  https.get(urls,function(response){
  response.on("data",function(data){
    const weatherdata=JSON.parse(data);
    var post = {
      name:weatherdata.name ,
      country:weatherdata.sys.country ,
      temp:weatherdata.main.temp,
      feelslike:weatherdata.main.feels_like,
      tempmin:weatherdata.main.temp_min,
      tempmax:weatherdata.main.temp_max,
      pressure:weatherdata.main.pressure,
      humidity:weatherdata.main.humidity
    };
compare.push(post);
console.log(compare);
});
});
}
one(name1);
function two(name2){
const urls = "https://api.openweathermap.org/data/2.5/weather?q="+name2+"&appid=api key...&units=metric"
https.get(urls,function(response){
response.on("data",function(data){
  const weatherdata=JSON.parse(data);
  var post = {
    name:weatherdata.name ,
    country:weatherdata.sys.country ,
    temp:weatherdata.main.temp,
    feelslike:weatherdata.main.feels_like,
    tempmin:weatherdata.main.temp_min,
    tempmax:weatherdata.main.temp_max,
    pressure:weatherdata.main.pressure,
    humidity:weatherdata.main.humidity
  };
compare1.push(post);
console.log(compare1);
res.render("compare.ejs",{compare:compare,compare1:compare1});
});
});
}
two(name2);
  });


app.listen(4040,function(){
  console.log("server started at 4040");
});
<%- include("partials/headercompare") %>



<%for( var i = 0;i<compare.length;i++){%>

  <div
        style="margin-left: -161px;"" >
  <h1><%= compare[i].name %></h1>
  </div >

  <table>
    <tr>
    <th><h2>Temperature</h2></th>
    <th><h3><%= compare[i].temp %>°C</h3></th
    </tr>
    <tr>
    <td>Feels Like</td>
    <td><%= compare[i].feelslike %>°C</td>
    </tr>
    <tr>
    <td>Minimum temperature</td>
    <td><%= compare[i].tempmin %>°C</td>
    </tr>
    <tr>
    <td>Maximum temperature</td>
    <td><%= compare[i].tempmax %>°C</td>

    </tr>
    <tr>
    <td>Humidity</td>
    <td><%= compare[i].humidity %></td>

    </tr>
    <td>Pressure</td>
    <td><%= compare[i].pressure %></td>


    </tr>
  </table>
<%}%>

<%for( var i = 0;i<compare1.length;i++){%>

  <div
        style="margin-left: -161px;"" >
  <h1><%= compare1[i].name %></h1>
  </div >

  <table>
    <tr>
    <th><h2>Temperature</h2></th>
    <th><h3><%= compare1[i].temp %>°C</h3></th
    </tr>
    <tr>
    <td>Feels Like</td>
    <td><%= compare1[i].feelslike %>°C</td>
    </tr>
    <tr>
    <td>Minimum temperature</td>
    <td><%= compare1[i].tempmin %>°C</td>
    </tr>
    <tr>
    <td>Maximum temperature</td>
    <td><%= compare1[i].tempmax %>°C</td>

    </tr>
    <tr>
    <td>Humidity</td>
    <td><%= compare1[i].humidity %></td>

    </tr>
    <td>Pressure</td>
    <td><%= compare1[i].pressure %></td>


  </table>
<%}%>

<%- include("partials/footercompare") %>
MY compare.ejs文件”

const express = require("express");
const app=express();
const ejs = require("ejs");
const bodyparser = require("body-parser");
const https = require("https")
app.use(bodyparser.urlencoded({extended:true}));

app.use(express.static("public"));
app.set('view engine', 'ejs');


app.get("/compare",function(req,res){
  res.render("indexcompare.ejs")
});


app.post("/compare",function(req,res){
  const compare=[];
  const compare1=[];

  const name1=req.body.city1;
  const name2=req.body.city2;
  function one(name1){
const urls = "https://api.openweathermap.org/data/2.5/weather?q="+name1+"&appid=api key&units=metric"
  https.get(urls,function(response){
  response.on("data",function(data){
    const weatherdata=JSON.parse(data);
    var post = {
      name:weatherdata.name ,
      country:weatherdata.sys.country ,
      temp:weatherdata.main.temp,
      feelslike:weatherdata.main.feels_like,
      tempmin:weatherdata.main.temp_min,
      tempmax:weatherdata.main.temp_max,
      pressure:weatherdata.main.pressure,
      humidity:weatherdata.main.humidity
    };
compare.push(post);
console.log(compare);
});
});
}
one(name1);
function two(name2){
const urls = "https://api.openweathermap.org/data/2.5/weather?q="+name2+"&appid=api key...&units=metric"
https.get(urls,function(response){
response.on("data",function(data){
  const weatherdata=JSON.parse(data);
  var post = {
    name:weatherdata.name ,
    country:weatherdata.sys.country ,
    temp:weatherdata.main.temp,
    feelslike:weatherdata.main.feels_like,
    tempmin:weatherdata.main.temp_min,
    tempmax:weatherdata.main.temp_max,
    pressure:weatherdata.main.pressure,
    humidity:weatherdata.main.humidity
  };
compare1.push(post);
console.log(compare1);
res.render("compare.ejs",{compare:compare,compare1:compare1});
});
});
}
two(name2);
  });


app.listen(4040,function(){
  console.log("server started at 4040");
});
<%- include("partials/headercompare") %>



<%for( var i = 0;i<compare.length;i++){%>

  <div
        style="margin-left: -161px;"" >
  <h1><%= compare[i].name %></h1>
  </div >

  <table>
    <tr>
    <th><h2>Temperature</h2></th>
    <th><h3><%= compare[i].temp %>°C</h3></th
    </tr>
    <tr>
    <td>Feels Like</td>
    <td><%= compare[i].feelslike %>°C</td>
    </tr>
    <tr>
    <td>Minimum temperature</td>
    <td><%= compare[i].tempmin %>°C</td>
    </tr>
    <tr>
    <td>Maximum temperature</td>
    <td><%= compare[i].tempmax %>°C</td>

    </tr>
    <tr>
    <td>Humidity</td>
    <td><%= compare[i].humidity %></td>

    </tr>
    <td>Pressure</td>
    <td><%= compare[i].pressure %></td>


    </tr>
  </table>
<%}%>

<%for( var i = 0;i<compare1.length;i++){%>

  <div
        style="margin-left: -161px;"" >
  <h1><%= compare1[i].name %></h1>
  </div >

  <table>
    <tr>
    <th><h2>Temperature</h2></th>
    <th><h3><%= compare1[i].temp %>°C</h3></th
    </tr>
    <tr>
    <td>Feels Like</td>
    <td><%= compare1[i].feelslike %>°C</td>
    </tr>
    <tr>
    <td>Minimum temperature</td>
    <td><%= compare1[i].tempmin %>°C</td>
    </tr>
    <tr>
    <td>Maximum temperature</td>
    <td><%= compare1[i].tempmax %>°C</td>

    </tr>
    <tr>
    <td>Humidity</td>
    <td><%= compare1[i].humidity %></td>

    </tr>
    <td>Pressure</td>
    <td><%= compare1[i].pressure %></td>


  </table>
<%}%>

<%- include("partials/footercompare") %>

温度
摄氏度