Hello! I'm new to coding websites and I want to learn how to save responses for my lost and found website.

[Karl-Too]

Body

Hellooo! I'm currently doing research for my school and I need some help on how to setup my website.

I've already done some of the basics:

• static web app
• storage accounts
• sql database/server
• pretty much the design of the website

how do I make it so that responses save when they click submit here:

and it shows to the dashboard and database. Thank you for ur responses! srry for this bad thread design

Guidelines

• I have read and understood this category's guidelines before making this post.

[ebndev]

Hi @Karl-Too, thanks for being a part of the GitHub Community!

Have you started any API routing? You'll need to send a POST request to save the responses to your database.

You are more likely to get a useful response if you share code snippets or a link to your repo. 😄

[Karl-Too]

Hello @ebndev, thank you for welcoming me here!

I'm currently using Microsoft Azure for it, is the API routing like those FUNCTION APP in Azure? Can you teach me how to do those API routing? I've been trying to deploy this SQL Database but output terminal says no HTTP Trigger found. Is this the first step or am I doing something wrong here? Thank you for your response!

https://github.com/Karl-Too/ANIMOLOST

[Karl-Too]

Hello Everyone, I still need help!

[DhareshP]

design an api for POST request, when you're passing something in the input box and click on submit it will save your response in the database

[Karl-Too]

Hello @DhareshP Thanks for responding, I've done a code for the API post request like save entries. I'm testing it in POSTMAN and it says 500 Internal Error? I'm not so familiar on how to code JavaScript so I asked AI's for some help but it still says 500 Internal Error.

the save query code.txt

[DhareshP]

your ui code is correct. check the request body you're passing, does it align with the parameter's you're considering. Can you share your backend code? the issue is from the server side, did you check, is your storage account is accessible?
use try catch or check the azure logs, you might find the specific error message

[Karl-Too]

Hello @DhareshP, could you tell me about what should be present in the backend code? And how do I know if the storage account is accesible?

Here are all of the codes that I have done:
index html.txt
get entry code.txt
the save query code.txt

[DhareshP]

use jquery or axios, the files you share are unaccessable, share images/screenshots

example
to fetch an api

fetch('Api_address')
.then(response => {
if (response.ok) {
return response.json(); // Parse the response data as JSON
} else {
throw new Error('API request failed');
}
})
.then(data => {
// Process the response data here
console.log(data); // Example: Logging the data to the console
})
.catch(error => {
// Handle any errors here
console.error(error); // Example: Logging the error to the console
});

in your frontend file import axios or jquery whatever youre using
here is an example,

import axios from 'axios';

axios.get('APIURL')
.then(response => {
// Access the response data
const responseData = response.data;
// Process the response data here
})
.catch(error => {
// Handle any errors
});

[Karl-Too]

index html.txt
get entry code.txt
the save query code.txt

My bad, I forgot to save them, they should work now!