在编辑视图中删除文件

Question

在我的应用程序中，我尝试从编辑视图中删除单个文件。它工作正常，但不刷新网站。 FileDetails 类中的 Item 包含 Id、Extension、FileName 和 TicketId（与 Ticket 类相连）

我的代码：

Method in Controller

@section Scripts {

<script>
    $('.deleteItem').click(function (e) {
        e.preventDefault();
        var $ctrl = $(this);
        if (confirm('Do you really want to delete this file?')) {
            $.ajax({
                url: '@Url.Action("DeleteFile")',
                type: 'POST',
                data: { id: $(this).data('id') }
            }).done(function (data) {
                if (data.Result == "OK") {
                    $ctrl.closest('li').remove();
                }
                else if (data.Result.Message) {
                    alert(data.Result.Message);
                }
            }).fail(function () {
                alert("There is something wrong. Please try again.");
            })

        }
    });
</script>
}

<div class="form-group">
 <div class="col-md-10">
  <p>Upload one or more files</p>
   <input type="file" name="file" multiple />
  </div>
 <ul class="attachment">
   @foreach (var item in Model.Ticket.FileDetails)
    {
     <li>
   <a class="title" href="/Tickets/Download/?fileName=@(item.Id + item.Extension)&ticketId=@item.TicketId">@item.FileName</a>
   <a href="javascript:void(0);" data-id="@item.Id" class="deleteItem">X</a>
    </li>
   }
 </ul>

我得到 TypeError: data.Result is undefined

Answer 1

在获取其 Result 属性之前检查您的数据变量。您的数据应该在 data 中可用。