Problem with calling WebApi controller from js ajax

Question

In my ASP.NET MVC application I have a problem in calling WebAPI controller by ajax statement.

Here is my code:

    $.ajax({
        url: 'api/cartitems',
        type: self.cartItem.id == null ? 'post' : 'put',
        contentType: 'application/json',
        data: ko.toJSON(data)
    })
    .done(self.successfulSave)
    .fail(self.errorSave)

It produces an error 404 - file not found.

I've tested different possibilities and only one that works is using whole URL path.

    $.ajax({
        url: 'http://xx.yyy.zz.vvv/APP_NAME/api/cartitems',
        type: self.cartItem.id == null ? 'post' : 'put',
        contentType: 'application/json',
        data: ko.toJSON(data)
    })
    .done(self.successfulSave)
    .fail(self.errorSave)

Is it possible to not use the full path?

Take a look at this answer, stackoverflow.com/a/30766123

Marcus Höglund
– Marcus Höglund

2018-10-19 13:39:13 +00:00
Commented Oct 19, 2018 at 13:39 — Marcus Höglund
– Marcus Höglund, Commented Oct 19, 2018 at 13:39

page · Accepted Answer · 2018-10-22 09:17:34Z

1

I wonder whether, there is an error in ASP.NET MVC configuration. On developer environment it works with simplified URL in ajax call. And I can't believe that Microsoft forces developers to adjust URL address on every productive system.

answered Oct 22, 2018 at 9:17

page

215 bronze badges

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

Comments

Ross Bush · Accepted Answer · 2018-10-19 13:42:41Z

0

I bet the Url.Action construct will work. It ties into your routing configuration to produce a valid url.

In .JS Script

 url:'@Url.Action("api","cartitems")',

In .xxhtml

url:'@Model.YourPostabckUrlVariable',

edited Oct 19, 2018 at 13:42

answered Oct 19, 2018 at 13:41

Ross Bush

15.2k2 gold badges39 silver badges65 bronze badges

1 Comment

Ross Bush Over a year ago

Doh! You are correct. Perhaps putting the postback in the model.

Collectives™ on Stack Overflow

Problem with calling WebApi controller from js ajax

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related