Discover the process of connecting a REST controller with AngularJS and Spring

Question

Discover the process of connecting a REST controller with AngularJS and Spring

I have a list of file paths stored in an array within the scope variable of an AngularJS Controller.

My goal is to properly map these file paths to a Java REST controller for further processing.

When I pass it as "/ABC/Scope-Variable," it successfully matches the REST controller by interpreting Scope-Variable as a string.

However, when I attempt to use "/ABC/+Scope-Variable," due to the presence of slashes and an array in the file path, I am unable to map it to the Java REST controller.

Any assistance is greatly appreciated.

Thank you

javascript java angularjs spring rest

Answer 1

Answer №1

To begin, we must establish a suitable controller in the Spring framework.

MySpringController.java:

@Controller
public class MySpringController {

    @RequestMapping(value = "/updateItems", method = RequestMethod.POST)
    public List<String> updateItems(@RequestBody List<String> updatedItems) {
       System.out.println(updatedItems);
       // perform necessary actions
       return null;
    }
}

Afterwards, in your JavaScript file, implement something similar to this:

MyAngularFile.js:

$scope.items = ['path1.jpg', 'path2.jpg', 'path3.jpg'];
$http.post('http://myserver:8080/updateItems', $scope.items).then(function(response) {
        console.log('Successfully posted items!');
});

Answer 2

To begin, we must establish a suitable controller in the Spring framework.

MySpringController.java:

@Controller
public class MySpringController {

    @RequestMapping(value = "/updateItems", method = RequestMethod.POST)
    public List<String> updateItems(@RequestBody List<String> updatedItems) {
       System.out.println(updatedItems);
       // perform necessary actions
       return null;
    }
}

Afterwards, in your JavaScript file, implement something similar to this:

MyAngularFile.js:

$scope.items = ['path1.jpg', 'path2.jpg', 'path3.jpg'];
$http.post('http://myserver:8080/updateItems', $scope.items).then(function(response) {
        console.log('Successfully posted items!');
});

Discover the process of connecting a REST controller with AngularJS and Spring

Answer №1

Similar questions

Determining the Right Version of a Framework in npm: A Guide

Setting header details for optimal data transfer

Activate a button utilizing jQuery keyboard functionality

Are we utilizing this JavaScript function properly for recycling it?

Error: React Select input control is throwing a TypeError related to event.target

Secure multiple confirmations with ngDialog

Introducing the new default in Google Chrome: Now accessing window.opener for target="_blank" links after rel="noopener" is the standard feature

spark of unique substance

Adjust the color of text in Angular as you input text

Using nodeJS to authenticate with Active Directory

Click on the link or tab to update the marker location on the Google Map

What is the best way to invoke a method within a method in Angular 1.x?

I'm having trouble figuring out how to access response headers with HttpClient in Angular 5. Can anyone

How can I avoid C3.js legends from overlapping when hiding or showing a div?

Is there a way to make Express.js pass parameters with special characters exactly as they are?

Troubleshooting: Height setting issue with Kendo UI Grid during editing using Jquery

Searching for JSON data in JavaScript

log4j failing to display logs in selenium testing

Finding a path match with Regexp using path-to-regexp

The FaceDetector within the expo application continues to activate the "onFacesDetected" event in "accurate" mode unnecessarily, even when no face is present