CODEWITHSUNDEEP
c#jquery
Suavocado
Suavocado

Reputation: 969

API 404 error using C#

I'm trying create a simple API and call it from my html. I made something similar earlier today but I can't get this one to work. It just returns a 404 error.

script from HTML

 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js"></script>
    <script>
                    var uri = 'api/books';
                    $(document).ready(function () {
                        $.getJSON(uri)
                            .done(function (data) {
                                $.each(data, function (key, item) {
                                    $('<li>', { text: formatItem(item) }).appendTo($('#books'));
                                });
                            });
                    });

api controller

using WebApplication1.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Web.Http;

namespace WebApplication1.Controllers
{

    public class BookController : ApiController
    {

        [HttpGet]
        [Route("api/books")]
        public IHttpActionResult ShowAllProducts()
        {
            var db = new DbSearchQuery();
            return Ok(db.LoadBooks());
        }

    }
}

EDIT:

WebApiConfig.cs

namespace WebApplication1
{
    public static class WebApiConfig
    {
        public static void Register(HttpConfiguration config)
        {
            config.MapHttpAttributeRoutes();

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

Upvotes: 0

Views: 100

Answers (3)

Suavocado
Suavocado

Reputation: 969

added Global.aspx

namespace WebApplication1
{
    public class Global : System.Web.HttpApplication
    {

        protected void Application_Start(object sender, EventArgs e)
        {
            GlobalConfiguration.Configure(WebApiConfig.Register);
        }
}

Upvotes: 0

Federico Dipuma
Federico Dipuma

Reputation: 18295

Start by changing your controller code:

using WebApplication1.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Web.Http;

namespace WebApplication1.Controllers
{
    [RoutePrefix("api/books")]
    public class BookController : ApiController
    {

        [HttpGet]
        [Route("")]
        public IHttpActionResult ShowAllProducts()
        {
            var db = new DbSearchQuery();
            return Ok(db.LoadBooks());
        }

    }

}

Then double check that your Ajax call is made to the correct address: http://yourhost/api/books looking at your browser console.

[Edit after comments]

Please check if your project contains a startup class. If you are using Owin then you have to create a Startup.cs file for bootstrapping your application. A basic example can be found below:

using Microsoft.Owin;
using Microsoft.Owin.Security.OAuth;
using Owin;
using System;

[assembly: OwinStartup(typeof(WebApplication1.Startup))]

namespace WebApplication1
{
    public class Startup
    {
        public void Configuration(IAppBuilder app)
        {
            var config = new HttpConfiguration();
            WebApiConfig.Register(config);

            app.UseWebApi(config);
        }
   }
}

More about how to start Owin based web application here What is the new Startup.cs file for in Visual Studio 2013 projects?

Upvotes: 1

rustem
rustem

Reputation: 153

Try using relative to rootpaths. You missing a backslash in your uri. Change uri as following :

var uri = '/api/books';

and make sure you have config.MapHttpAttributeRoutes(); in your WebApiConfig.Register() method.

EDIT 1

You can view the details of network errors ( like 404 ) in console section of your browser's developer tools. Just hit F12 in your browser to activate developer tools window and take a look at console tab. You'll probably see that your ajax call targeting a different location than www.yoursite.com/api/books

Upvotes: 1

Related Questions