delete view using popup in mvc3

Question

am using jquery code to popup my view.i хочу удалить данные через это всплывающее окно ... Но, используя следующий код, только всплывающее окно не выполняет удаление действия, отображается код jquery ниже.

$(document).ready(function(){ 
$('.del').click(function (e) { 
    e.preventDefault(); 
    custom_confirm('pleaseNote:', 
     function() { 
      var sel = $(this).attr('href'); 

      $.ajax({ 
       url: '/default1/Delete/', 
       type: 'POST', 
       data: { id: sel }, 
       success: function (result) { 
        $(this).remove(); 
       }, error: function (result) { 
        alert("error"); 
       } 
      }); 
     }); 
}); 
function custom_confirm(prompt, action, title) { 
     $("#confirm").dialog({ 
     buttons: { 
      'Proceed': function() { 
       $(this).dialog('close'); 
       $('#confirm').dialog({ modal: true }); 
       action(); 
      }, 
      'Cancel': function() { 
       $(this).dialog('close'); 
      } 
     } 
    }); 
} 

})
и мой взгляд код

@Html.ActionLink("Delete","Delete",new { id = item.studentID }, new { @class="del"}) 
        <div id="confirm" style="display: none"></div> 

и действие контроллера

[HttpPost]  
    public ActionResult DeleteConfirmed(int id=0) 
    { 
     student student = db.students.Find(id); 
     if (student == null) 
     { 
      return HttpNotFound(); 
     } 
     db.students.Remove(student); 
     db.SaveChanges(); 
     return RedirectToAction("Index"); 

Answer 1

Здесь вы выбираете HREF атрибута:

var sel = $(this).attr('href'); 

, а затем передать его в качестве параметра идентификатор запроса AJAX:

data: { id: sel } 

Теперь, глядя на ваш DeleteConfirmed действия контроллера, он ожидает, что параметр id быть целым числом. Но href не является целым числом. Вот почему ваше действие контроллера никогда не вызывается.

Также $(this) внутри действия не так, как вы думаете.

Так вот, как вы могли бы продолжить:

custom_confirm('pleaseNote:', function() { 
    var url = $('.del').attr('href'); 

    $.ajax({ 
     url: url, 
     type: 'POST', 
     success: function (result) { 
      $(this).remove(); 
     }, error: function (result) { 
      alert("error"); 
     } 
    }); 
});