Вы можете использовать поддержку ajax, имеющуюся в ASP-MVC. Это то, что предлагают в одном из ответов на этот вопрос сделать с помощью вызова @using(Ajax.BeginForm(...))
. С помощью этого метода можно создавать формы, данные которых будут обновляться без перезагрузки всей страницы. Чтобы использовать этот подход вам придется разобраться в деталях его использования, поищите информацию по запросу "ненавязчивый ajax в ASP-MVC".
Вот вопрос, в котором используется Ajax.BeginForm()
.
Кроме того вы можете решить задачу с помощью функции ajax из jQuery.
Допустим вы хотите просто обновить информацию о товаре на странице. В методе контроллера вы вместо View должны вернуть данные в виде json:
public class ProductController
{
public JsonResult GetProduct(long productId)
{
var product = product.GetProduct(productId)
return Json(product, JsonRequestBehavior.AllowGet); // возвращаем json
}
}
Теперь вы можете обратиться к этому методу с помощью jquery-метода ajax, примерно вот так:
$('#updateProductButton').click(function () {
var productId = $('#productId').val()
var url = "/Product/GetProduct/" + productId;
$.ajax({
url: url,
method: 'GET',
dataType: 'json',
success: function (product) {
// здесь в переменной product прийдет
// товар в виде json-объекта, и вы можете обновить
// информацию на странице, используя эти данные
},
});
});
Для POST-запроса подход аналогичный, но вам надо будет написать method: 'POST'
вместо method: 'GET'
, и добавить параметр data
, в который надо поместить данные для отправки на сервер.
То есть, если коротко, сценарий такой:
- Вы создаете на сервере в контроллерах методы, возвращающие данные в формате json. Это более менее простая часть.
- Вы вызываете эти методы из js с помощью метода ajax. Это будет посложнее, если у вас пока нет такого опыта, но здесь документация по jquery и Google в помощь.