Http Put method not working in AngularJS with headers

Question

I am trying to use put method in http angularJS i am getting an error

Error : XMLHttpRequest cannot load [url]. Response for preflight has invalid HTTP status code 404

My Code is :

var newRentalUrl = serverURL;
var dataObj = JSON.stringify(JSONDATA);

$http.put(newRentalUrl, dataObj, {
  headers: {
    'Content-Type': 'application/json; charset=UTF-8'
  },
}).success(function(responseData) {
  try {
    $ionicLoading.hide();
    console.log(responseData);
    //$state.go('payment');
  } catch (err) {
    console.log(err);
    $ionicLoading.hide();
  }
  $ionicLoading.hide();
}).error(function(data, status, headers, config) {
  $ionicLoading.hide();
  console.log(data);
});

On the server side, the method is received as options

2015-10-21T05:37:02.947517+00:00 heroku[router]: at=info method=OPTIONS path="/v1/home/xx" host=xxxxxx.herokuapp.com request_id=xxxxx-498d-4026-a39a-xxxxxxx fwd="xxx.xxxx.xxx.xxx" dyno=web.1 connect=0ms service=2ms status=404 bytes=481

yes I did and this error is that put method is not catch up by the server. — kapilkarda
– kapilkarda, Commented Oct 21, 2015 at 9:48

Gaurav Sachan · Accepted Answer · 2015-10-21 06:37:01Z

1

Change Content-Type to 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'

And if it is a cross-origin resource request you need to add set the CORS header (Access-Control-Allow-Origin ) in your server.

hope it might works.

  var newRentalUrl = serverURL;
        var dataObj = JSON.stringify(JSONDATA);

    $http.put(newRentalUrl, dataObj, {
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
      },
    }).success(function(responseData) {
      try {
        $ionicLoading.hide();
        console.log(responseData);
        //$state.go('payment');
      } catch (err) {
        console.log(err);
        $ionicLoading.hide();
      }

  $ionicLoading.hide();
}).error(function(data, status, headers, config) {
  $ionicLoading.hide();
  console.log(data);
});

edited Oct 21, 2015 at 6:37

answered Oct 21, 2015 at 6:29

Gaurav Sachan

3201 silver badge10 bronze badges

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

1 Comment

kapilkarda Over a year ago

Hello,Thanks for your reply, I had tried the same but not getting result.

Collectives™ on Stack Overflow

Http Put method not working in AngularJS with headers

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related