how to get json string from angular $http post request

Question

I am sending this POST, I want to see the string that get's sent in the request before I send it.

$http.post('/someUrl', {msg:'hello word!'}).
  then(function(response) {
    // this callback will be called asynchronously
    // when the response is available
  }, function(response) {
    // called asynchronously if an error occurs
    // or server returns response with an error status.
  });

I guess what I am trying to do is see the JSON string being sent to the server.

It's unclear. What you want to say ? – Vineet Sep 03 '15 at 05:02 — Vineet, Sep 03 '15 at 05:02
Touche, is it more clear now? – Dunctem Sep 03 '15 at 05:14 — Dunctem, Sep 03 '15 at 05:14

score 2 · Accepted Answer · answered Sep 03 '15 at 06:09

if you are hitting the url with config option like this

var config = {
    headers: { 'Content-type': 'application/json' },
    'dataType': 'json'
 };
var data = {
    name: 'intekhab',
    age:26,
};
$http.post('/admin/header', data, config).then(function(response){
    console.log(response);
});

Then you can see the data what are send. Open your browser console and click network then under network click your url what you have hit And now see the look at Request Payload under header tab There your data will be revealing what you have send to server.

And if you are not using config option like this

var data = {
        name: 'intekhab',
        age:26,
    };
    $http.post('/admin/header', data).then(function(response){
        console.log(response);
    });

Then do the same as above only difference is where you have seen the data under Request Payload, now you will see the same data under Form Data

Thank you, I didn't know about the feature in chrome. I can see all the data for any request being done. — Dunctem, Sep 03 '15 at 13:25

score 0 · Answer 2 · answered Sep 03 '15 at 05:53

From what I understand, I think you want different handlers if the request succeeds or fails. You can do it in this way:

$http.post('/someUrl', {msg:'hello word!'}).
  success(function(response) {
    // this callback will be called asynchronously
    // when it succeeds
  }).error(function(response) {
    // called asynchronously if an error occurs
    // or server returns response with an error status.
});

how to get json string from angular $http post request

2 Answers2

Linked