How to call asp.net web api from View

Question

Hello

 

I have created web api controller

 

How Can call it for creating and updating?

 

//////////////To Create

public IHttpActionResult CreateMovie(MovieDto MovieDto){
if (!ModelState.IsValid)
return BadRequest();
var movie = Mapper.Map<MovieDto, Movie>(MovieDto);
db.Movies.Add(movie);
db.SaveChanges();
MovieDto.ID = movie.ID;
return Created(new Uri(Request.RequestUri + "/" + movie.ID), MovieDto);
}

///////To Update

[System.Web.Http.HttpPut]
public void UpdateMovie(int id, MovieDto MovieDto)
{
if (!ModelState.IsValid)
throw new HttpResponseException(HttpStatusCode.BadRequest); var MovieInDb = db.Movies.SingleOrDefault(m => m.ID == id); if (MovieInDb == null)
throw new HttpResponseException(HttpStatusCode.NotFound);
Mapper.Map(MovieDto, MovieInDb);
db.SaveChanges();
}

/////////////////Form Code

<form>
<div class="form-group">
@Html.LabelFor(m => m.Name)
@Html.TextBoxFor(m => m.Name, new { @class = "form-control" })
@Html.ValidationMessageFor(m => m.Name)
</div>
<div class="form-group">
@Html.LabelFor(m => m.DateAdded)
@Html.TextBoxFor(m => m.DateAdded, "{0:d MMM yyyy}", new { @class = "form-control" })
</div>
<div class="form-group">
@Html.LabelFor(m => m.ReleaseDate)
@Html.TextBoxFor(m => m.ReleaseDate, "{0:d MMM yyyy}", new { @class = "form-control" })
</div>
<div class="form-group">
@Html.LabelFor(m => m.NumberAvailable)
@Html.TextBoxFor(m => m.NumberAvailable, new { @class = "form-control" })
@Html.ValidationMessageFor(m => m.NumberAvailable)
</div>
<div class="form-group">
@Html.LabelFor(m => m.GenreID)
@Html.DropDownListFor(m => m.GenreID, new SelectList(Model.Genre, "GenreID", "GenreName"), "-Select-", new { @class = "form-control" })
</div>
@Html.HiddenFor(m => m.ID)
@Html.AntiForgeryToken()
<button type="submit" id="save" class="btn btn-primary">Save</button> </form>

Thanks.