Метод контроллера
|
1 2 3 4 5 6 |
public JsonResult JsonSearch(string name) { BookContext db = new BookContext(); var jsondata = db.Books.Where(a => a.Author.Contains(name)).ToList<Book>(); return Json(jsondata, JsonRequestBehavior.AllowGet); } |
Форма
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
@{ ViewBag.Title = "Index"; } <script type="text/javascript"> function OnSuccess(data) { var results = $('#results'); // получаем нужный элемент results.empty(); //очищаем элемент for (var i = 0; i < data.length; i++) { results.append('<li>' + data[i].Name + '</li>'); // добавляем данные в список } } </script> / <div> @using (Ajax.BeginForm("JsonSearch", new AjaxOptions { //UpdateTargetId = "results", OnSuccess = "OnSuccess", LoadingElementId = "loading", LoadingElementDuration = 1000 })) { <input type="text" name="name" /> <input type="submit" value="Поиск" /> } <div id="loading" style="display:none; color:Red; font-weight:bold;"> <p>Идет загрузка...</p> </div> <div id="results"></div> </div> @Scripts.Render("~/scripts/jquery-1.10.2.min.js") @Scripts.Render("~/scripts/jquery.unobtrusive-ajax.min.js") |