Dispatch an angular POST Request

Question

Dispatch an angular POST Request

I am facing an issue where Angular is sending a GET request instead of a POST request when I want to send a post request. The code for my Angular request is as follows:

$http({
        method: 'POST',
        url: pages_url,
        params: {
            'page': $scope.current_page_id,
            'news': JSON.stringify(news),
            'method': 'POST'
        }
    }).then(function (response) {
        alert(JSON.stringify(response));
    });

Upon debugging the request using the network tab in the browser, I notice that the parameters are being sent in the server URL. How can I resolve this issue?

javascript angularjs post request

Answer 1

Answer №1

If I were to write this, it would look something like the following:

let requestParameters = {
    page: $scope.currentPageId,
    news: JSON.stringify(news),
    method: 'POST' // <- Should this actually be a parameter or did you mistake the post for a request?
};
$http.post(pagesUrl, requestParameters)
     .then(function (response) {
         alert(JSON.stringify(response));
     });

Answer 2

If I were to write this, it would look something like the following:

let requestParameters = {
    page: $scope.currentPageId,
    news: JSON.stringify(news),
    method: 'POST' // <- Should this actually be a parameter or did you mistake the post for a request?
};
$http.post(pagesUrl, requestParameters)
     .then(function (response) {
         alert(JSON.stringify(response));
     });

Answer 3

Answer №2

Check out this solution:

function myFunction(arg1, arg2) { 
        return $http({ 
            method: 'POST', 
            url: myApiUrl, 
            headers: {'Content-Type': 'application/json'}, transformRequest: function(dataObj) {
                var requestData = [];
                for(var key in dataObj)
                    requestData.push(encodeURIComponent(key) + "=" + encodeURIComponent(dataObj[key]));
                return requestData.join("&");
            }, 
            data: {email: arg1, password: arg2} 
            })
           .then(function(res) {
                return res;
            });
    }

Answer 4

Check out this solution:

function myFunction(arg1, arg2) { 
        return $http({ 
            method: 'POST', 
            url: myApiUrl, 
            headers: {'Content-Type': 'application/json'}, transformRequest: function(dataObj) {
                var requestData = [];
                for(var key in dataObj)
                    requestData.push(encodeURIComponent(key) + "=" + encodeURIComponent(dataObj[key]));
                return requestData.join("&");
            }, 
            data: {email: arg1, password: arg2} 
            })
           .then(function(res) {
                return res;
            });
    }

Dispatch an angular POST Request

Answer №1

Answer №2

Similar questions

featherlight.js - Execute code when modal is triggered

Tips for simulating difficult private attributes within a class during unit testing in TypeScript

What is the best way to create vertical spacing between Material UI Grid Paper components?

Updating and showing a variable in a PHP file using JavaScript within an HTML webpage

Handling a change event for a mat-datepicker in Angular 7 can be tricky, especially when its value is tied to an optional input parameter. Let's dive into how to

I noticed that my jquery code is injecting extra white space into my HTML5 video

Updating Jqplot display upon ajax call completion

A guide to extracting functions from a `v-for` loop in a table

Function being called by Intersection Observer at an inappropriate moment

Is there a viable substitute for websockets that can be utilized on shared hosting platforms?

Manipulating arrays in JavaScript through HTML processing

ng-dialog: the selected value of the input radio button is not defined

I am facing conflicts between vue-tsc and volar due to version discrepancies. How can I resolve this problem?

Access the array value in AngularJS based on a different property array

SignalR enables the display of identical dashboard data pulled from queries on various browsers. By utilizing SignalR/hub, MVC, and C#.NET, the data can

Enquire.js does not compute accurately at first glance, but only after adjustments are made during

What are alternative methods to exchange data between two controllers besides using services and rootscope?

JQuery animations not functioning as expected

How can I configure AngularJS intellisense in Visual Studio Code?

Receiving the error message "Encountered SyntaxError: Unexpected token )" when using a custom directive