Adding AngularJS data to JSON file for update

Question

Adding AngularJS data to JSON file for update

I'm feeling lost on where to begin with this. I am working with an AngularJS form and I need it to add the data it sends to a json file. I understand that AngularJS is client-side, so my main issue lies in figuring out how to manage the data being sent by the form. The process I envision goes like this:

Angular Form -> Submit via POST method -> ??? -> Data appended to file.json

Is there a specific tool or technology I should utilize to handle a POST request from AngularJS?

javascript json angularjs

Answer 1

Answer №1

To handle HTTP posts and append data to a JSON object, you will need a server backend such as Node.JS, PHP, Python, or Ruby.

Whether you are using Angular or not, the process remains an HTTP POST request.

In Node.JS with express.js 3, you can implement the following:

var express = require("express");
app.use(express.json());       // to support JSON-encoded bodies
app.use(express.urlencoded()); // to support URL-encoded bodies

For example, if you post {"name" : "john" , "surname" : "may"}

app.post('/MYPOSTLINK', function(req, res) {
    var name    = req.body.name;    // Get name from body of incoming data
    var surname = req.body.surname; // Get surname from body of incoming data
    res.send(200, {});              // Define response to send back
    console.log("Your name is " + name + " " + surname);

});

Answer 2

To handle HTTP posts and append data to a JSON object, you will need a server backend such as Node.JS, PHP, Python, or Ruby.

Whether you are using Angular or not, the process remains an HTTP POST request.

In Node.JS with express.js 3, you can implement the following:

var express = require("express");
app.use(express.json());       // to support JSON-encoded bodies
app.use(express.urlencoded()); // to support URL-encoded bodies

For example, if you post {"name" : "john" , "surname" : "may"}

app.post('/MYPOSTLINK', function(req, res) {
    var name    = req.body.name;    // Get name from body of incoming data
    var surname = req.body.surname; // Get surname from body of incoming data
    res.send(200, {});              // Define response to send back
    console.log("Your name is " + name + " " + surname);

});

Adding AngularJS data to JSON file for update

Answer №1

Similar questions

The placement of Bootstrap Datepicker is experiencing issues

Using AngularJS to filter JSON data

To manipulate the array in a more complex manner, either add or remove the item based on its existence: if it's already in the array, remove it; if it

`Must have content in file input in order to be saved to MongoDB`

The property 'dateClick' is not found in the 'CalendarOptions' type in version 6 of fullcalendar

Welcome to the launch of OpenWeatherMap!

Is there a way to execute a JavaScript function by clicking on an anchor tag?

What could be causing Jquery to not function properly in an Angular controller?

Tips for retrieving the posted object in angularJS

Tips for generating a node for the activator attribute within Vuetify?

Display the div only when the radio button has been selected

Sharing data between components using $state.params and $stateParams

Unable to locate views in Angular-route

What is the best way to access Dynamic Array Data within a nested ng-repeat loop?

Which Restlet(Java) libraries are required for performing JSON GET and POST requests?

The initial JSON array is displaying correctly, however the subsequent nested arrays are appearing as [Object, object]

What is the best way to clear and fill a div without causing it to resize?

Simulated FileList for Angular 5 App Unit Testing

Retrieving value from the parent scope using the conventional approach

Attempting to send a Promise to another function for it to return, encountering an error of "Unhandled promise rejection"