My mind is spinning. I am diving into the world of learning AnjularJS with Asp.Net Web Api. The following code snippet features an AnjularJS controller with an ajax call to a Web Api service.
CustomerController = function ($http, $scope, $httpParamSerializer) {
$scope.modelObject = { first: 2, second: 3 };
$scope.modelObject.sendRequest = function (requestType) {
var dataTemp = {first:2, second:3 };
alert( $httpParamSerializer(dataTemp));
$http({
method: 'GET',
url: '/api/bindings/sumnumbers',
data: $httpParamSerializer(dataTemp),
headers: { 'Content-Type': 'application/json' }
}
).then(function successCallback(response) {
$scope.modelObject.result = response.data;
}, function errorCallback(response) {
alert(response.data);
$scope.modelObject.result = response;
});
}
The corresponding web api action method looks like this:
[HttpGet]
[HttpPost]
public int SumNumbers(int first, int second)
{
return first + second;
}
I've set up a route in the webconfig for the web api as recommended in the tutorial:
config.Routes.MapHttpRoute(
name: "Binding Example Route",
routeTemplate: "api/{controller}/{action}/{first}/{second}"
);
However, I encounter the following error message:
{"data":{"Message":"No HTTP resource was found that matches the request URI 'http://localhost:29845/api/bindings/sumnumbers'.","MessageDetail":"No action was found on the controller 'Bindings' that matches the request."},"status":404,"config":{"method":"GET","transformRequest":[null],"transformResponse":[null],"url":"/api/bindings/sumnumbers","data":"first=2&second=3","headers":{"Content-Type":"application/json","Accept":"application/json, text/plain, */*"}},"statusText":"Not Found"}
If anyone could offer insight into what might be causing this issue, I would greatly appreciate it.