如何在视图中显示actionResult？

Question

我有一个动作的结果，我想它显示为使用AJAX在我看来div标签，这是我的作用的结果：

public ActionResult Details(string id) 
    { 
     var subscriber = new SubscribersModel(); 
     IEnumerable<Subscribe> list = from s in dbcontext.Subscribes select s; 
     foreach (var sb in list) 
     { 
      if (sb.cin == id) 
      { 
       subscriber.cin = sb.cin; 
       subscriber.name = sb.name; 
      } 
     } 
     return PartialView("Details",subscriber); 
    } 

，这是我的DetailsView：

@model _3SDWebProject.Models.SubscribersModel 

<fieldset> 
<legend>SubscribersModel</legend> 

<div class="display-label"> 
    @Html.DisplayNameFor(model => model.name) 
</div> 
<div class="display-field"> 
    @Html.DisplayFor(model => model.name) 
</div> 

<div class="display-label"> 
    @Html.DisplayNameFor(model => model.cin) 
</div> 
<div class="display-field"> 
    @Html.DisplayFor(model => model.cin) 
</div> 
</legend> 

，这是我想告诉我的行为结果的索引视图：

@model IEnumerable<_3SDWebProject.Models.SubscribersModel> 
@{ 
    ViewBag.Title = "Subscribers"; 
    } 

<script> 
    function details(id) { 
    var url = '/Subscribers/Details/' + id; 
    $.ajax({ 
     url: url, 
     type: 'GET', 
     data: id, 
     success: function() { 
      $(".sidebar").html(); 
     } 
    }); 
} 

$(function() { 
    $(".details-logo").on('click', function() { 
     details($(this).attr("DtNo")); 
     alert("ok"); 
    }); 

}); 
    </script> 
    <div class="sidebar"> 
     //Here i want to show my result !!!!!!! 
    </div> 

<div class="content" style="width: 700px; margin-left: 250px; height: 545px;margin-top: -30px;"> 
<h2>Subscribers</h2> 
table class="altrowstable" id="alternatecolor"> 
<tr> 
    <th> 
     CIN 
    </th> 
    <th> 
     Name 
    </th> 
    <th> 
</tr> 
@foreach (var item in Model) { 
<tr id="row-@item.cin"> 
    <td> 
     @Html.DisplayFor(modelItem => item.cin) 
    </td> 
    <td> 
     @Html.DisplayFor(modelItem => item.name) 
    </td> 
</tr> 
    //this is my actionLink 
    @Html.ActionLink("Details", "Details", new { id = item.cin }, new { @class = "details-logo",@DtNo=item.cin}) 
} 

所以请如果有人有任何想法，我将非常感激。 注：当我按我的细节动作链接它给我的真实信息，但不是在我的侧边栏，但在这样一个独立的观点：

Answer 1

简单地改变你的Ajax功能

$.ajax({ 
     url: url, 
     type: 'GET', 
     data: id, 
     success: function (result) { 
      $(".sidebar").html(result); 
     } 
    }); 

这将让订阅者详细信息页面，并把它添加到.sidebar

编辑：

更改您的onclick事件处理程序以停止超链接的默认操作。只需添加返回false以停止将您带到新页面的超链接。见下文。

$(function() { 
    $(".details-logo").on('click', function() { 
     details($(this).attr("DtNo")); 
     alert("ok"); 
     return false; 
    }); 

}); 

Answer 2

改变你的Ajax功能

function details(id) { 
    var url = '@Url.Action("Details", "Subscribers")'; 
    var params = { 
     id:id 
    } 
    $.ajax({ 
     url: url, 
     type: 'GET', 
     data: JSON.stringify(params), 
     success: function (result) { 
      $(".sidebar").html(result); 
     } 
    }); 
}