Hey everyone,Need Help: How Can I Send Data from Frontend to MongoDB?

captaindaveys

3 months ago

4

• 

  unclaimed1052

  3 months ago

  Hi, wouldn't it be better to send the request from the frontend directly to payload? You can connect payloadcms to mongodb and it will make it easier for you to manage the data in your database

  
  

  Here's an example of an axios request you can make from your front-end to payloadcms

  
  

  // Create an object with the data to be sent in the POST request
  const data = {
    name: 'John Doe',
    age: 25,
    email: 'johndoe@example.com'
  };
  
  // Make a POST request to a specific URL with the data
  axios.post('https://your-backend-url/api/users', data)
    .then(response => {
      console.log('Response:', response.data);
      // Handle the response data here
    })
    .catch(error => {
      console.error('Error:', error.message);
      // Handle any errors that occurred during the request
    });

  
  

  
  

  https://payloadcms.com/docs/rest-api/overview
  

  You can find the docs for the REST api here, I use the docs a lot, they are really helpful

  
  

  
  

  I just found out that on the payloadcms documentation they added examples on how to make requests to the api, here's what I found for the POST request, it uses the fetch function instead of using axios

  
  

  try {
    const req = await fetch('{cms-url}/api/{collection-slug}', {
      method: "POST", 
      credentials: "include",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify({
        title: "New page",
        content: "Here is some content"
      }),
    })
    const data = await req.json()
  } catch (err) {
    console.log(err)
  }

• 

  captaindaveys

  3 months ago

  Thank you, it works 😄