Data undefined when sending through a POST request

Coding Help
#1

Client.js:

function post(url, data) {
    return fetch(url, {method: "POST", body: data});
}

form.addEventListener("submit", event => {
    let name = form.elements["Username"].value;
    let pass = form.elements["Password"].value;
    let url = "/CreateAccount";
    //let credentials = {name:name, pass:pass}
                                                // credentials var not needed
    let serialized = name + ":" + pass   
    post("https://response-test.glitch.me/CreateAccount", serialized); 
    console.log("client.js: sent", serialized)
    // sendData(serialized)
});

relevant section from server.js:


app.post("/CreateAccount", function(request, response) {
    console.log("data received")
    let query = request.query
    console.log(">", query, request.body, request.toString(), typeof(request.body), typeof(request.query))
    response.send(request.query); 
});

log:

image

Why are request.query and request.body undefined and objects, not strings?

#2

Hey @Un-index,

request.query is used only when the URL has parameters and you wish you to obtain those parameter value.

Hereā€™s how I would rewrite your code to make it work:

function post(url, data) {
    return fetch(url, {
       method: "POST", 
       body: data,
       headers: {
         'Content-Type': 'application/json'
       }
    });
}

form.addEventListener("submit", event => {
    let name = form.elements["Username"].value;
    let pass = form.elements["Password"].value;
    let url = "/CreateAccount";
    let credentials = {name:name, pass:pass}
    // let serialized = name + ":" + pass   
    post("https://response-test.glitch.me/CreateAccount", credentials); 
    console.log("client.js: sent", credentials)
    // sendData(serialized)
});

Then on the server side:

app.use(express.json());

app.post("/CreateAccount", function(request, response) {
    console.log("data received")
    let req = request.body;
    let name = request.body.name; // the name that was sent through the post request
    let password = request.body.pass // the password that was sent through the post request

    // Do stuff with these values and optionally send a response with response.send
});

Hope this helps!

1 Like
#3

For some reason Iā€™m getting a 400:

image

image
image735Ɨ81 2.23 KB

do you know the reason?

ā€œData Receivedā€ doesnā€™t even log, so I assume the issue is on the client-side.

When I remove this part:

it gives a 500 instead, and ā€œcannot read property ā€˜Nameā€™ of undefinedā€

#4

Could you check out this page?

1 Like
#5

Didnā€™t offer much help on how to circumvent the issue in my case, it did give me the idea of sending different data over though and that the data Iā€™m sending might be in invalid format; Iā€™ll try that, thanks.

1 Like
#6

Either the data was not converted to JSON properly or the data had syntax errors due to how it was formatted, how do I fix this?

Itā€™s not being parsed to JSON properly I think.

Edit: fixed it! I figured Iā€™d use JSON.stringify to convert it to a JSON string before sending, it worked! Thanks for the help, @khalby786 and RiversideRocks.

1 Like
#7

Oh yes, I forgot about that part!

1 Like