javacsript ajax with jquery
public ActionResult Index(string search="")
{
var model = db.Restaurants
.Where(r => r.Name.Contains(search))
.OrderByDescending(r => r.Reviews.Average(rr => rr.Rating))
.Select(r => new RestaurantViewModel { ID = r.ID, Name = r.Name, Country = r.Country, City = r.City, NumReviews = r.Reviews.Count })
.Take(10);
if (Request.IsAjaxRequest())
{
return PartialView("_Restaurants",model);
}
else
{
return View(model);
}
}
<form method="get" action=@Url.Action("Index") data-otf-ajax="true" data-otf-target="#restaurantList" >
<input type="text" name="search" value=""/>
<input type="submit" value="Search by name" />
</form>