Блог

Я искал в Google около двух часов и ничего не мог найти об этом. Что можно использовать (frameowork или, может быть, он уже включен в mvc) для передачи данных из представления в контроллер.

Например, допустим, у меня есть список продуктов, и я хочу удалить его, не обновляя страницу, просто нажав на что-то вроде <div data="23020id" onclick="doSomething()"></div> и поэтому, если я нажму на этот div, что-то произойдет в контроллере без обновления страницы. Я не знаю, как это сделать в Google или к чему я должен был стремиться здесь. Я видел, что многие веб-сайты делают это, но я действительно не знаю, что они используют и как они это делают.

Может ли кто-нибудь дать мне какое-либо направление?

Давайте начнем с вашего примера.

допустим, у меня есть список продуктов, и я хочу удалить его, не обновляя страницу, просто нажав на что-то вроде <div data="23020id" onclick="doSomething()"></div>

Здесь это просто означает, что вы вызываете функцию javascript doSomething() по щелчку. Но вы можете указать Id этот div и выполнить щелчок по этому идентификатору.

 <div id="test"data="23020id"></div>
  

Теперь, что может быть в этой функции?

Эта функция вызвала ваш метод контроллера с помощью вызова ajax, который отправит Id на контроллер, который нам нужно удалить.

код javascript:

 $('#test').click(function() {

    $.ajax({
        type: 'POST',
        url: "/controller/Delete",
        data:{Id:id},
        success: function(data) {
            // update some DOM element with the result returned by the
            // server. So supposing that you have some <div id="someContainer">
            // that will contain the part of the DOM you want updated:

        },
        error: function() {
            alert("error");
        }
    });
}); 
  

Теперь, когда вы нажимаете на кнопку, это вызовет ваш метод контроллера и передаст идентификатор.

 public ActionResult Delete(int Id)
{
  // do delete here.
  return Json(data); 
}
  

Выполните удаление метода и возвращаемого представления и обновите его при успешном выполнении ajax.

Я предлагаю вам использовать Partial View для таких вещей. Подробнее см. Здесь: Рендеринг частичного представления и данных JSON с использованием AJAX в ASP.NET MVC

вы можете попробовать с этим

вы не можете вернуть View() из вызова ajax. вам нужно повторно запустить Json()

ваш метод действия

 public ActionResult Delete(int Id)
{
  // delete method call
  return Json("success", JsonRequestBehavior.AllowGet);
}
  

ваш вызов ajax

 $("#divId").click(function() {
  var dataattr = $(this).attr("data"); //use this variable 

 $.ajax({
    type: 'POST',
    url: "/controller/Delete",
    data:{Id:dataattr },
    success: function(data) {
        refresh your DOM element
    },
    error: function() {
        alert("error");
    }
 });
});
  

для этого вы могли бы использовать jQuery..

 $("#divId").click(function() {
    dataattr = $(this).attr("data"); //use this variable 
    $(this).hide();
});