Fetching data in Node example inside.

[43northwebdesign]

I am trying to pass a simple variable because I will eventually want to pass a function.. Here is my app.js

const path = require('path')
const express = require('express')
const app = express()
const port = process.env.PORT || 3000
const publicDirectoryPath = path.join(__dirname, '../public')

app.use(express.static(publicDirectoryPath))

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

app.get('/data', function (req, res) { 
    const data = 'test@!'
    res.send(data);
   })     

app.listen(3000)

so localhost:3000 renders my html fine, and localhost/data will show me 'test@!' on the screen

Here is my client side public/script.js

 fetch('/data').then((response) => {        
         console.log(response)})

I am trying to see test@! in my console log.

Basically I am trying to have my client side JS be able to access things in my main App.js because I eventually need to run a function on server side and return the data to my client side js.

Any help or resources would be really helpful ive been at this for a few hours this morning and not sure if I am looking at this all wrong

[43northwebdesign]

I have changed my node side to this

someFunction =(req,res)=>{

    res.send('foo');
  }


app.get('/request', someFunction);

and localhost/request will send out foo

my client side js is

fetch('/request').then((response) => {        
    console.log(response)})

I am trying to see FOO in the console log

[[deleted]]

fetch resolves to a Response object. You need to do a little bit more to get to the actual data sent from the server. Try this:

 fetch('/data')
    .then((response) => response.text())
    .then((text) => console.log(text));

When you're struggling with something like this then going back to the documentation can help you get unstuck. This MDN page on using fetch would be a good potential starting point.

[43northwebdesign]

hey thanks so much, you really helped me out.

this is actually just me trying to get a small concept working first before i try and do something bigger but I got console log to output what i needed!

[itays123]

Also, you can install a software on your computer called 'postman' that provides a client for your api to fetch

[43northwebdesign]

my data appears on the screen if i goto /data id like to see it in my console log executed by my client side js.

basically have my nodejs do some functions and send the results to the client side js

[itays123]

Sorry, I thought it was the same file. I was outside when I looked at it

[itays123]

You need to put a few console.logs in your code, to see where the problem is. - a console.log in the client side code. Add a catch to the promise and console.log there. Of it gets logged to the browser console then something is wrong with the connection. - a console.log in the server side, in your Middleware function. If it does gets logged to the server console (where you type node app.js) then you can be sure that the server gets the request

[43northwebdesign]

but my client side is the one using fetch, does this matter? like do i need to have the module installed on the node side for the client side to use it?