Angular, sending json to an API

Question

I am trying to post json to an api and its giving me the following error...

http://www.website.com/getPriceNoAuth?json=[object%20Object] 405 (Method Not Allowed)

This is the json object I am trying to send and its http resuest...

var productAttributes = {
    "CostRequirements":[
        {
            "OriginPostcode":"BR60ND",
            "BearerSize":100,
            "BandwidthRequired":10,
            "ProductCode":"CON-ELA",
            "Term":36,
            "Quantity":1
        },
        {
            "ProductCode":"CON-ADD-IP4",
            "Term":36,
            "Quantity":0
        },
        {
            "ProductCode":"CON-ADD-INT",
            "Term":36,
            "Quantity":0
        }
    ]
}

this.getPrices1 = function () {
    return $http.post('http://www.website.com/getPriceNoAuth?json=' + productAttributes ).
        success(function(resp){
            //log something here.
        });
};

Does anyone see what I'm doing wrong? thank you.

Filippo oretti · Accepted Answer · 2015-02-06 14:26:00Z

1

$http({
url:'http://myurl.com'
method:'POST',
data:{
  'json':productAttributes
}
});

ORRR if you really need to pass the data from the url stringify your json and decode it on server side

$http.post('http://myurl.com?json=' + JSON.stringify(myJson));

edited Feb 6, 2015 at 14:26

answered Feb 6, 2015 at 13:55

Filippo oretti

50k96 gold badges230 silver badges351 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Filippo oretti Over a year ago

@LeeWillis i don't know the user needs, maybe he need it are you a clairvoyant ? :)

Jose the hose Over a year ago

Its just a small amount of data for an internal application. You're soloution worked for me. Thank you

James Waddington · Accepted Answer · 2015-02-06 13:58:47Z

0

You're trying to post the data, but you're putting it in the url like a get parameter. Post data like this:

this.getPrices1 = function () {
    return $http.post('http://www.website.com/getPriceNoAuth', {json: productAttributes} ).
        success(function(resp){
            //log something here.
        });
};

answered Feb 6, 2015 at 13:58

James Waddington

2,9252 gold badges18 silver badges24 bronze badges

Comments

Celimpilo Mncwango · Accepted Answer · 2015-02-06 14:03:31Z

0

The http header are not defined in there.. but by defaults it considers json as the content type:

$http.post('/someUrl', data).success(successCallback);

answered Feb 6, 2015 at 14:03

Celimpilo Mncwango

1334 bronze badges

Comments

Rahul · Accepted Answer · 2015-02-06 14:25:28Z

here you have to call an api, in which we have to sent data using get method. Just use the following code and that's it. It works for me, hope it will work for you also.

var dataObject = {
    json : productAttributes
};


var responsePromise = $http.get("http://www.website.com/getPriceNoAuth", dataObject, {});

responsePromise.success(function(dataFromServer, status, headers, config) {

    var outputDate=angular.fromJson(dataFromServer);

    if(outputDate.status==1)
    {
        angular.forEach(outputDate.storelist, function(value, key) {
            $scope.userstores.push({name:value.StoreName,id:value.StoreID});
        });
    }          
});

responsePromise.error(function(data, status, headers, config) {
    console.log("Error in fetching user store call!");
});

Collectives™ on Stack Overflow

Angular, sending json to an API

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related