C# Web API 2 - AJAX Request for PUT method returning 405 (Method Not Allowed)

Question

Good morning! I am building a system using C# as back and React on the front, and I have a problem in two controllers (supposedly), but the error seems to be the same, and whenever I make an AJAX request with the method of the kind PUT, get the error

PUT http://localhost:49232/api/Product/1025 405 (Method Not Allowed)

Followed by

{Message: "The requested Resource does not support http method 'PUT'."}

I read about CORS, I made the recommended adjustments on several topics, but the error remains. Follow the code :

$.ajax({
  url: URL,//A URL é montada acima, e para teste seu valor é http://localhost:49232/api/Products/1025
  contentType: 'application/json',
  dataType: 'JSON',
  data: { "product": json}, //Aqui passo o objeto montado
  type: 'PUT',
  beforeSend: function () {

  },
  success: function (response) {
    // do something
  }.bind(this),
  error: function (response) {
    // do something else
  }

});

Action C#:

[ResponseType(typeof(void))]
    public async Task<IHttpActionResult> PutProduct(int id, Product product)
    {
        if (!ModelState.IsValid)
        {
            return BadRequest(ModelState);
        }

        if (id != product.IdProduct)
        {
            return BadRequest();
        }

        db.Entry(product).State = EntityState.Modified;

        try
        {
            await db.SaveChangesAsync();
        }
        catch (DbUpdateConcurrencyException)
        {
            if (!ProductExists(id))
            {
                return NotFound();
            }
            else
            {
                throw;
            }
        }

        return StatusCode(HttpStatusCode.NoContent);
    }

If you can help me, gratitude.

Answer 1

Ricardo, can your URL be solved? I didn’t run a table test here but your example uses the URL

http://localhost:49232/api/Products/1025

And your method is waiting for two arguments (an integer and an object) and is named Putproduct and not Products.