AngularJS – Any way for $http.post to send request parameters instead of JSON?

by

I think the params config parameter won’t work here since it adds the string to the url instead of the body but to add to what Infeligo suggested here is an example of the global override of a default transform (using jQuery param as an example to convert the data to param string).

Set up global transformRequest function:

var app = angular.module('myApp');

app.config(function ($httpProvider) {
    $httpProvider.defaults.transformRequest = function(data){
        if (data === undefined) {
            return data;
        }
        return $.param(data);
    }
});

That way all calls to $http.post will automatically transform the body to the same param format used by the jQuery $.post call.

Note you may also want to set the Content-Type header per call or globally like this:

$httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';

Sample non-global transformRequest per call:

    var transform = function(data){
        return $.param(data);
    }

    $http.post("/foo/bar", requestData, {
        headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'},
        transformRequest: transform
    }).success(function(responseData) {
        //do stuff with response
    });

More Related Contents:

  1. How do you increment a cookie value?
  2. “Thinking in AngularJS” if I have a jQuery background? [closed]
  3. jQuery Ajax POST example with PHP
  4. How do I POST urlencoded form data with $http without jQuery?
  5. ng-repeat finish event
  6. Send POST data on redirect with JavaScript/jQuery? [duplicate]
  7. What is the $$hashKey added to my JSON.stringify result
  8. How to trigger ngClick programmatically
  9. How to detect browser back button click event using angular?
  10. How to make a directive update ng-model on jquery on event?
  11. AngularJS: How to run additional code after AngularJS has rendered a template?
  12. How can I make an AngularJS directive to stopPropagation?
  13. How to use jQuery in AngularJS
  14. Using Jquery Datatable with AngularJs
  15. What is the elegant way to get the latest date from array of objects in client side?
  16. Disable Chrome strict MIME type checking
  17. jQuery post request (not AJAX)
  18. how to bind Bootstrap-datepicker element with angularjs ng-model?
  19. Skip ng-repeat JSON ordering in Angular JS
  20. Jquery Ajax – post huge string value
  21. Window.Open POST
  22. Consider marking event handler as ‘passive’ to make the page more responsive
  23. Angularjs how to upload multipart form data and a file?
  24. VueJs templating. How to load external templates
  25. Hour difference between two times(HH:MM:SS a)in momentjs
  26. How to use jquery $.post() method to submit form values [duplicate]
  27. Easy dom manipulation in AngularJS – click a button, then set focus to an input element
  28. Run jQuery code after AngularJS completes rendering HTML
  29. Call angularjs function using jquery/javascript
  30. Is there any size limitation for ajax post?

Leave a Comment