No HTTP resource was found that matches the request URI web api using angularjs

Question

I have created web api and i am consuming it using angularjs and and $http.get is working but $http.post is not showing error

No HTTP resource was found that matches the request URI

here is my controller action

    [HttpPost]
    public object getItem_byRetailerID(int retailerID, DateTime date)
    {
        string msg = null;
        object listItem = new object();
        try
        {
            mf = new milkFactoryEntities();                                
            listItem = mf.p_item_getItem_byRetailerID(retailerID, date);
        }
        catch (Exception ex)
        {
            msg = "Error : " + ex.Message;
        }
        return Json(new { msg = msg, listItem = listItem });
    }

WebApiConfig

public static void Register(HttpConfiguration config)
    {           

        config.Routes.MapHttpRoute(
            name: "DefaultApi",
            routeTemplate: "api/{controller}/{id}",
            defaults: new { id = RouteParameter.Optional }
        );
            config.Routes.MapHttpRoute(
             name: "api",
            routeTemplate: "login/api/{controller}/{action}"
         );
        config.EnableSystemDiagnosticsTracing();

        var appXmlType = config.Formatters.XmlFormatter.SupportedMediaTypes.FirstOrDefault(t => t.MediaType == "application/xml");
        config.Formatters.XmlFormatter.SupportedMediaTypes.Remove(appXmlType);

    }

here is my angular controller

var param = { retailerID: retailerID, date: $scope.ro.orderDT };
$http.post('http://localhost:60124/api/' + 'retailerOrder/getItem_byRetailerID', JSON.stringify(param)).then(function (d) {        

        console.log(d);
        $scope.listItems = d.data.listItem;

    }, function (error) {
        console.log(error.data);            
    })

please help...

Karthik M R · Accepted Answer · 2016-04-18 13:11:02Z

1

Change your route from

routeTemplate: "api/{controller}/{id}" to

routeTemplate: "api/{controller}/{action}/{id}"

And no need to use JSON.stringify(param), it can just be param

edited Apr 18, 2016 at 13:11

answered Apr 18, 2016 at 13:04

Karthik M R

9901 gold badge7 silver badges12 bronze badges

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

5 Comments

Karthik M R Over a year ago

The url must be fine. Is your body param constructed properly?suspect data parameter<br/> And why do you require the lines below the code config.EnableSystemDiagnosticsTracing();?

satyender Over a year ago

i did some changed and now its showing error : XMLHttpRequest cannot load localhost:60124/api/retailerOrder/getItem_byRetailerID. Response for preflight has invalid HTTP status code 404

Karthik M R Over a year ago

Remove the code below the line config.EnableSystemDiagnosticsTracing(); and check in developer toolbar in the network tab what data is going in the body. Is date value in proper format

satyender Over a year ago

how to check what data is going ?

satyender Over a year ago

its is sending OPTIONS request instead of post

Amit Kumar Ghosh · Accepted Answer · 2016-04-18 13:42:41Z

1

For a HTTP POST, the request payload is read from the request body. You can have at most one query string parameter. It's often easier to have a strongly typed object and send it in the request payload -

self.getData = $http.post('../PostItem_byRetailerID', JSON.stringify(self.data))
.then(function success(a, b) {
    self.data = a;
}, function error(a, b) {
    self.data = false;
});

where Test is -

public class Test
{
    public int retailerID { get; set; }
    public string date { get; set; }
}

sample data -

{"retailerID": 2 ,"date":"test"}

edited Apr 18, 2016 at 13:42

answered Apr 18, 2016 at 13:37

Amit Kumar Ghosh

3,7761 gold badge22 silver badges24 bronze badges

Collectives™ on Stack Overflow

No HTTP resource was found that matches the request URI web api using angularjs

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related