ajax – 如何在视图中显示actionResult？

发布时间：2020-12-16 02:48:39 所属栏目：百科来源：网络整理

导读：我有一个动作结果,我想在我的视图中使用ajax将其显示为div标签,这是我的动作结果： public ActionResult Details(string id) { var subscriber = new SubscribersModel(); IEnumerableSubscribe list = from s in dbcontext.Subscribes select s; foreach (v

我有一个动作结果,我想在我的视图中使用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);
    }

这是我的详细信息：

@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})
 }

所以如果有人知道我会非常感激.
Nb：当我按下我的详细信息动作链接时,它会给我真实的信息,但不是在我的侧边栏中,而是在这样的单独视图中：

解决方法

只需将您的ajax功能更改为

$.ajax({
        url: url,success: function (result) {
            $(".sidebar").html(result);
        }
    });

这将获得订阅者详细信息页面并将其添加到.sidebar

编辑：

更改onclick事件处理程序以停止超链接的默认操作.只需添加return false即可阻止超链接转到新页面.见下文.

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

});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!