Jquery Post가 MVC 컨트롤러에 도달하지 못했습니다.

Question

죄송합니다. 사소한 일이라면, 많은 의견을 읽었으며 여전히 잘못된 것을 볼 수 없습니다. 나는 약간의 튜토리얼을 끝냈다. 그리고 그들은 잘 작동하는 것처럼 보인다. 그래서 나는 정말로 간단한 것을 놓치고있다.

나는 데이터베이스에서 항목을 제거하고보기를 업데이트하기 위해 컨트롤러에 JQuery Post를 다시 보내려는 기본 '제거'링크가 있습니다.

내보기/자바 스크립트 :

<script type="text/javascript"> 
$(function() { 
    $(".RemoveLink").click(function() { 
     var id = $(this).attr("data-id"); 

     if (id != '') { 
      $.post("@Url.Content("~/Agent/Remove")", { "id": id }, function (data) { alert('Here i am'); }); 
     } 
    }); 
}); 

@foreach (var item in Model.Object) { 
<tr id="row-@item.ID"> 
    <td> 
     @Html.DisplayFor(modelItem => item.Description) 
    </td> 
    <td> 
     <a href="#" class="RemoveLink" data-id="@item.ID" >Remove</a> 
    </td> 
</tr> 
    } 

내 컨트롤러 :

[HttpPost] 
    public ActionResult Remove(int id) 
    { 
     return Json(new { Data = "true" }); 
    } 

어떤 도움이 좋을 것입니다.

Answer 1

대신 @Url.Action("Remove", "Agent")을 사용하십시오.

@Url.Content("...")은 사이트의 정적 콘텐츠를 찾는 데 사용됩니다.

건배

Answer 2

아래 코드가 잘 작동합니다.

@foreach (var item in Model.Object) { 
    <tr id="row-@item.ID"> 
     <td> 
      @Html.DisplayFor(modelItem => item.Description) 
     </td> 
     <td> 
      <input type="button" class="RemoveLink" id="@item.ID" Value="Remove" /> 

     </td> 
    </tr> 
     } 

<script type="text/javascript" language="javascript"> 
    $(document).ready(function() { 
     $('.RemoveLink').live("click", function() { 
      Remove($(this)); 
     }); 
    }); 

    function Remove(_this) { 

     var Id= $(_this).attr('id'); 

     $.ajax({ 
      type: 'POST', 
      url: '@Url.Action("Remove", "Agent")', 
      data: "{id: '" + Id + "'}", 
      contentType: 'application/json; charset=utf-8', 
      dataType: 'json', 
      success: function (data) { 
       //do something here...... 
      }, 
      error: function() { 

      } 
     }); 
    } 
</script>