web api on ajax call

I have some code it genrate request and hit api controller but did not return response and hit ajax succes or errror function please suggest me where am i wrong

<script type="text/javascript">
$(document).ready(function () {
var ann = { Name: 'Sanjay', Address: 'Kanpur' };
var bob = { Name: 'Jitendra Mehlavat', Address: 'Delhi' };
var list = [ann, bob];
var myjson = JSON.stringify(list);
$('#btn').on('click', function () {
$.ajax({
url: '/api/employee/',
data: myjson,
dataType: 'json',
contentType: 'application/json; charset=utf-8',
type: "POST",
Succes: function (response,data) {
//alert('success');
var resdata = JSON.parse(response.d);
alert(resdata);
},
Error: function (response) {
alert('fail');
},
});
});
});
script>

public class employeeController : ApiController
{
[HttpPost]
public string Post(List list)
{
return JsonConvert.SerializeObject(list);
}

model class
public class dataarr1
{
public string Name { get; set; }
public string Address { get; set; }
}
public class RootObject
{
public List list { get; set; }
}

public static void Register(HttpConfiguration config)
{
// Web API configuration and services
// Web API routes
config.MapHttpAttributeRoutes();
config.Routes.MapHttpRoute(
name: "DefaultApi",
routeTemplate: "api/{controller}/{id}",
defaults: new { id = RouteParameter.Optional }
);
}

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Jaimin Shethiya7y ago
Accepted answer
Hello Sanjay,

can you please used below code for and check the working or not.

let me know if you have needed any other help from myside.

Thanks
+2
Amit J7y ago
Try updating line no. 10 in ajax call as below and check if that works,

data: { list : myjson}
0
Rajeesh Menoth7y ago
Hi,

data is exactly similar as your post method name parameter. That's mean instead of myjson you need to declare proper syntax.

data: myjson,

Example :

{'list':'" + document.getElementById('list').value + "'}"

Reference :

https://www.c-sharpcorner.com/UploadFile/2a6dc5/auto-save-using-Asp-Net-and-ajax/
0
Salman Beg7y ago
Hi. The URL which you are passing is not proper. You can follow up with this link for example, https://stackoverflow.com/questions/20718311/passing-multiple-parameters-to-my-post-ajax-call-to-my-webapi-controller-htt
0