I am currently in the process of developing a straightforward Web API service that captures input data from an HTML form, converts it into JSON format, and forwards it to a Web API. My coding platform is ASP.NET Web API on Visual Studio 2017. To further elaborate, here's a snippet of my code:
This snippet showcases the controller method I'm invoking:
[HttpPost]
public AssessModel PostAssessment ([FromBody] AssessModel assess)
{
//Performing certain actions
return assess;
}
Here's a simplified version of the model I'm utilizing:
public class AssessModel
{
public Guid capitalassetassessmentid { get; set; }
public string ownerid { get; set; }
/*... Several more properties including int, bool, etc. are listed here ...*/
public string name { get; set; }
public string building { get; set; }
}
Lastly, this is the Ajax call integrated within my scripts:
$("form#my-form").submit(function (e) {
var formArray = $(this).serializeArray();
var jsonObj = JSON.stringify(formArray);
$.ajax({
type: "POST",
url: "api/assessment/PostAssessment",
data: jsonObj,
contentType: "application/json",
dataType: "json",
success: function (jsonObj) {
$("#results").html(jsonObj.d);
}
});
});
Hence, upon submitting a form, this ajax request gets triggered. However, upon submission, instead of sending my JSON as intended to the controller method, I encounter an 'Error 405 - Method not Allowed'. I find this puzzling since I should be permitted to utilize a POST verb with a HttpPost-tagged controller method.
Additionally, it's noteworthy to mention that my form tag appears like this:
<form id="my-form" class="form" method="POST">Any insights or suggestions? Require additional clarification? Feel free to inform me.