angularjs $http.post results in 501 Unsupported method ('POST')

Question

Thank you in advance!

Here is my app.js file:

var app = angular.module("app", []);

app.controller("AppCtrl", function($http) {
    var app = this;
    $http.get("./users/users.json")
      .success(function(data) {
        app.people = data;
      })

app.addPerson = function(person){
        $http.post("./users/user.json",person).
        success(function(data,status,headers,config) {
            app.people = data;
          }).error(function (data, status, headers, config) {
                app.status = status;
            });
    }

})

and the index.html:

<body ng-app="app" ng-controller="AppCtrl as app">

              <input type="text" ng-model="app.person.firstName" />
              <input type="text" ng-model="app.person.lastName" />
              <input type="button" ng-click="app.addPerson(app.person)" />

              <ul>
                <li ng-repeat="person in app.people">
                    {{person.firstName}} {{person.lastName}}
                </li>
              </ul>

And the json file, with which $http.get("./users/users.json") works fine.

[
    {"firstName":"One","lastName":"Two"},
    {"firstName":"Three","lastName":"Four"}
]

when I try to post I get error:

POST http://localhost:9006/users/user.json 501 (Unsupported method ('POST'))

In the Network tab it shows Request Payload:

{firstName:Five,lastName:Six}
firstName: "Five"
lastName: "Six

I am using python SimpleHTTPServer. Thanks again.

Anthony Chu · Accepted Answer · 2014-02-14 05:42:54Z

4

You can't post directly to a static JSON file. If you want to update the file, you'll need to create a web service endpoint on the server to accept the POST request and update the file.

answered Feb 14, 2014 at 5:42

Anthony Chu

37.6k10 gold badges85 silver badges72 bronze badges

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

1 Comment

Bilal Hussain Over a year ago

Sorry, stuck in same problem but could not understand this. Specially this "you'll need to create a web service endpoint on the server". Could you please explain a bit or with code if required. Facing this problem from last 3 days. Any kind of help would be appreciated. Thanks :)

Stuart Nelson · Accepted Answer · 2016-10-02 20:30:26Z

0

Totally agree with Anthony Chu. After coming across his answer I did some research and came across this NPM package for a local REST api - I followed this tutorial - happy days! Hope this helps.

answered Oct 2, 2016 at 20:30

Stuart Nelson

3073 silver badges14 bronze badges

2 Comments

user4913676 Over a year ago

Answered 2 years since the question's creation? OMG

user4913676 Over a year ago

Yes. I found your post helpful to the question anyways.

Collectives™ on Stack Overflow

angularjs $http.post results in 501 Unsupported method ('POST')

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related