get request has an error that the url is wrong while the api actually works

Question

I am trying to make a client-side get request to this api: 'api.openweathermap.org/data/2.5/weather?zip=' here we need to pass zip+apiKey to get a response:

I am doing this in the browser and I'm getting response successfully:

here in the app trying to do that but I am getting error in the 'get request' that the url or the get route is wrong:

    /* Global Variables */
let baseURL = 'api.openweathermap.org/data/2.5/weather?zip=';
let apiKey = '####';
let appID='&appid=';


// Create a new date instance dynamically with JS
let d = new Date();
let newDate = d.getMonth()+'.'+ d.getDate()+'.'+ d.getFullYear();

document.getElementById('generate').addEventListener('click', performAction);

function performAction(e){
  const temperature =  document.getElementById('zip').value;
  const userResponse = document.getElementById('feelings').value;
  const getTemp = async (baseURL, temperature, appID,apikey)=>{
      
      const res = await fetch(baseURL+temperature+appID+apikey)
    try {

    const data=await res.json();
    return data;
    
    }  catch(error) {
    console.log("error", error);
    // appropriately handle the error
     }
  }
   getTemp().then( res =>{ console.log(res);
   
    postData('/add', {temperature: temperature, date: newDate, userResponse: userResponse});
    updateUI('/all');})

https://codesandbox.io/s/romantic-leaf-0bvpd?file=/src/index.html

What's the error? Still bad URL? Use the EXACT same URL that you show in the browser image and see if you still get an error - but ensure you include the URL. — Randy Casburn, Feb 15 '21 at 17:03
@MohammadYaserAhmadi - the OP clearly states he gets the correct result in a browser window. — Randy Casburn, Feb 15 '21 at 17:04
if you can get the correct result in postman you can do like this answer https://stackoverflow.com/questions/66189681/nodejs-basic-authentication-issue/66190159#66190159 just select `fetch` item and add `http` to the url @maimohamed, — Mohammad Yaser Ahmadi, Feb 15 '21 at 17:06
@MohammadYaserAhmadi I think the link you attached has a solution for a 'post request' here I am dealing with get request — mai mohamed, Feb 15 '21 at 17:27
I told you, send a correct requst with postman after taht do like the answer @miamohamed — Mohammad Yaser Ahmadi, Feb 15 '21 at 17:36

score 0 · Answer 1 · answered Feb 15 '21 at 17:00

0

Here your are missing one thing 'http' protocol as browser automatically adds that. In your code make these changes:

let baseURL = 'http://api.openweathermap.org/data/2.5/weather?zip=';
let apiKey = '####';
let appID='&appid='

answered Feb 15 '21 at 17:00

Apoorva Chikara

8,277
3
20
35

it was there and I removed it because there was the same error – mai mohamed Feb 15 '21 at 17:01
did you check the URL that you created using log? – Apoorva Chikara Feb 15 '21 at 17:02
I checked it in the browser – mai mohamed Feb 15 '21 at 17:02
Not in browser. Try to console.log(baseURL+temperature+appID+apikey). Is it matching the actual URL? – Apoorva Chikara Feb 15 '21 at 17:03
@MohammadYaserAhmadi Yes these steps will be really helpful for you 'Mai' . Also , include in your code body parser if you haven't added that already. – Apoorva Chikara Feb 15 '21 at 17:07

get request has an error that the url is wrong while the api actually works

1 Answers1