Angularjs $http does not call the api in GET request

Question

I have been trying to call an API using $http.get method but its not calling that API instead just returning 404 error.

My $http

$http({
  method: 'POST',
  url: '/SalesManagement/SecuredSalesAPI/GetProductLine'
}).then(function(res) {
  debugger
  console.log(res.data);
}, function(header) {
  debugger
  console.log("HTTP Head: " + JSON.stringify(header));
});

//My route public class SalesManagementAreaRegistration : AreaRegistration { public override string AreaName { get { return "SalesManagement"; } } public override void RegisterArea(AreaRegistrationContext context) { context.MapRoute( "SalesManagement_default",
"SalesManagement/{controller}/{action}/{id}", new { action = "Home", id = UrlParameter.Optional } ); } }

My API:

public class SecuredSalesAPI : Controller
{
    public JsonResult GetProductLine()
    {
        var sp = entity.spGetProductPerformance(startDate, end, "HPL");
        return Json(sp, JsonRequestBehavior.AllowGet);
    }
}

// and the namespace is 
// namespace WebApp.Areas.SalesManagement.Controllers

method: 'POST', | trying to call an API using $http.get <= Your code conflicts with your statement, which is it you are actually trying to do? — Igor
– Igor, Commented Apr 18, 2017 at 13:38
If you are not user what your route url is then test it directly from the browser first, this works great with http GET. If using a non GET end point test with Fiddler or PostMan. If you are still not sure what the end point actually is then install NuGet package Microsoft.AspNet.WebApi.HelpPage, this will create a help area in your site with a page that lists all your available web api end points including parameters, their types, and the urls. — Igor
– Igor, Commented Apr 18, 2017 at 14:30

Rjoydip · Accepted Answer · 2017-04-18 13:37:21Z

1

You trying to get but you defined method as post.

$http({ method: 'GET', url: '/SalesManagement/SecuredSalesAPI/GetProductLine' }).then(function (res) { debugger console.log(res.data); }, function (header) { debugger console.log("HTTP Head: " + JSON.stringify(header)); });

answered Apr 18, 2017 at 13:37

Rjoydip

663 bronze badges

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

5 Comments

Issac Johnson Over a year ago

Check your route config inside area and check how route is defined

Khan Over a year ago

just updated my AreaRegistration. All other API and $http in other files are working but not this

Issac Johnson Over a year ago

can u try using $http.get('/SalesManagement/SecuredSalesAPI/GetProductLine').then(function(response){ }); Also the controller name should follow word controller. But its missing in your controller name. not in the url,, but in the classname

Issac Johnson Over a year ago

public class SecuredSalesAPIController : Controller. Add the keyword controller in the class name. Hope it will fix the issue. and call the api like before. $http({ method: 'GET', url: '/SalesManagement/SecuredSalesAPI/GetProductLine' }).then(function (res) {

Khan Over a year ago

Issac Johnson, SecuredSalesAPIController : Controller worked great. thanks for pointing me to the right direction.

Issac Johnson · Accepted Answer · 2017-04-18 16:24:22Z

0

Change the method to 'GET' instead of 'POST'

$http({
            method: 'GET',
            url: '/SalesManagement/SecuredSalesAPI/GetProductLine'
        }).then(function (res) {

            console.log(res.data);
        }, function (header) {

            console.log("HTTP Head: " + JSON.stringify(header));
        });

Also add keyword controller to your controller class name. ie; public class SecuredSalesAPIController : Controller { } and call the service from client side as before.

edited Apr 18, 2017 at 16:24

answered Apr 18, 2017 at 13:39

Issac Johnson

1463 silver badges11 bronze badges

Comments

MD.Mahedi hasan · Accepted Answer · 2017-04-18 19:25:07Z

0

API only pass data by url.you have to use GET method to get data.

$http({
    method: 'GET',
    url: '/SalesManagement/SecuredSalesAPI/GetProductLine'
}).then(function(res) {

    debugger
    console.log(res.data);

}, function(header) {

    debugger
    console.log("HTTP Head: " + JSON.stringify(header));

});

edited Apr 18, 2017 at 19:25

user4870812

answered Apr 18, 2017 at 15:38

MD.Mahedi hasan

1121 silver badge5 bronze badges

Collectives™ on Stack Overflow

Angularjs $http does not call the api in GET request

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related