public class ValuesController1 : ApiController
{
[HttpPost]
public IHttpActionResult PostPersonalDetails([FromBody]PersonalDetails
personaldetails)
{
if (!ModelState.IsValid)
{
return BadRequest(ModelState);
}
SqlConnection co = new SqlConnection(System.Web.Configuration.WebConfigurationManager.ConnectionStrings["con"].ConnectionString);
co.Open();
SqlCommand cmd = new SqlCommand("insert into udata values('" +personaldetails.id + "','" +personaldetails.name+ "','" +personaldetails.adres+ "')", co);
cmd.ExecuteNonQuery();
co.Close();
return Ok(personaldetails);
}
}
<--VIEW CODE--->
<html>
<head>
<script type="text/javascript" src="~/Scripts/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(function () {
$("#btnAdd").click(function () {
var PersonalDetails = {
"id": $("#ID").val(),
"name": $("#Name").val(),
"adres": $("#Adres").val(),
}
$.ajax({
type: "POST",
url: 'url: 'http://localhost:54516/api/ValuesController1/PostPersonalDetails'',
data: JSON.stringify(PersonalDetails),
contentType: "application/json;charset=utf-8",
processData: true,
success: function (data, status, xhr) {
alert("The result is : " + status);
},
error: function (xhr) {
alert(xhr.responseText);
}
});
});
});
</script>
</head>
<body>
<h2>Create</h2>
<div>
<label>Id</label>
@Html.TextBox("ID")
</div>
<div>
<label>Name</label>
@Html.TextBox("Name")
</div>
<div>
<label>Age</label>
@Html.TextBox("Adress")
</div>
<div>
<button id="btnAdd">Add</button>
</div>
</body>
</html>