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

Tips for preserving the integrity of square brackets while extracting data from JSON

Styling nested divs in CSS

Docker: CORS policy is blocking access to XMLHttpRequest

Error: cannot use .json data with `filter` method from WEBPACK_IMPORTED_MODULE_2__["filter"]

Trying to set headers in Node/Express after they have already been sent is causing an error

Updating a form field dynamically with AJAX in Laravel

Is there a way to transform an Array or Object into a new Object mapping?

Increase value by 1 with the push of a button within two specified ranges using JavaScript

Tips for integrating Material UI with Gatsby site generator

Retrieve a text and save it into a variable

Error encountered due to circular structure in the data being posted in the

Attempting to implement usedispatch hook in combination with userefs, however, encountering issues with functionality

Utilizing AngularJs to input new data entries into a form

Silence from PHP script after executing jQuery post() method

"Adding a class with jQuery on a selected tab and removing it when another tab is clicked

I am looking to create an extension that can automatically paste text from a variety of lists, but unfortunately, I am struggling to get it up and running correctly

Stop the jQuery custom slide animation when there are no more items to display

Tips for utilizing the keyword 'this' within a Promise

Looking to eliminate the bullet point next to the labels on a highcharts graph?

Utilizing One-to-Many Microphone Streaming Technology