如何在angularjs中的Restful API中传递数据

Question

I want to add a new entry in a mysql table. I tested API from an advanced restful client. It's working fine.

but when I tried with angular js, entry is not getting added.

service code:

sampleApp.factory('Brand', function ($resource) {
   return $resource('http://<mydomain>/api/v1/brands/:id');
});

controller code:

$scope.brand = new Brand();
$scope.brand.id = parseInt($scope.Brands[$scope.Brands.length-1].id, 10) + 1;
$scope.brand.name = $filter('toTitleCase')($scope.NewBrand.name);  
$scope.brand.image = '/images/brands/' + $filter('toLowerCase')($scope.NewBrand.name) + '.png'; 


Brand.save($scope.brand, function() {
        alert('data saved');    
        //data saved. do something here.
});

what is wrong here? can anyone help on this?

Answer 1

To convert to sending as form encoded instead of default application/json the following example is copied from the angular docs for $httpParamSerializerJQLike

.controller(function($http, $httpParamSerializerJQLike) {
  //...

  $http({
    url: myUrl,
    method: 'POST',
    data: $httpParamSerializerJQLike(myData),
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded'
    }
  });

});

You can also set global defaults for all $http in config phase of app

Also look up in $http docs alternative approach to pass serializer as a string name

If you are using jQuery the serializer is the same as $.param()