I am about to create a simple web app and I am wondering if I should use ASP.NET MVC 4 new feature Web API.

What's the best way to do this ?

I've done some researches and I found out there are two option :

Option 1

Make the Web Api my service layer and call it from the controller to read/write data, and render the view using view models and razor.

Option 2

Make the Web Api my service layer and call it directly from the view using Javascript.

I am not a big fan of Option 2 since I feel like I am neglecting the controller which will be used only for redirection between pages. Besides I prefer using razor rather than Javascript.

And If I choose Option 1 will I have to make an instance of one Web API in the controller? because this feels like I am doing something wrong.

What's the best option ? Is there any other options I haven't considered ?

And if you can give some references or books which can help me, I would appreciate it.

Thanks.

Edit
Report