首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用Ajax aspnet mvc 5的部分视图

使用Ajax aspnet mvc 5的部分视图
EN

Stack Overflow用户
提问于 2019-11-04 11:18:38
回答 1查看 52关注 0票数 0

在我的共享html中,我有一个项目列表,其中包含ID作为名称,当我传递该ID时,我想更新我的div,我确实使用AJAX发布了帖子,但它没有更新div。

1公司名单:

代码语言:javascript
复制
<div class="dropdown-menu dropdown-menu-right shadow animated--grow-in" aria-labelledby="userDropdown">
                            @{
                                foreach (var item in List)
                                {
                                    <a class="dropdown-item" name="@item.CompanyToken" id="selector">
                                        <i class="fas fa-user fa-sm fa-fw mr-2 text-gray-400" id="CompanyId"></i>
                                        @item.CompanyName
                                    </a>
                                }
                            }
                        </div>

我称它们为部分视图操作,以获取内容列表:

代码语言:javascript
复制
<script>
      $(document).ready(function(){
      $('.dropdown-item').click(function(e){
          e.preventDefault();
          $.ajax({
            url: '@Url.Action("GetProcess", "Manager")',
            type: "get",
            dataType: "html",
            contentType: 'application/json; charset=utf-8',
            data: { id: $(this).attr('name') }, //add parameter
            success: function (data) {
                //success
                $('#teste' + g).html(data); //populate the tab content.   
            },
            error: function () {
                alert("error");
            }
        });
      })
    })
</script>

和行动

代码语言:javascript
复制
[HttpGet]
    public async Task<PartialViewResult> GetProcess(string id)
    {
        TempData["CompanyToken"] = id;
        var value = await Context.Company.Include(a => a.ProcessDefinition).Where(a => a.CompanyToken == id).Select(a => a.ProcessDefinition).SingleOrDefaultAsync();
        return PartialView("GetProcessDefinitions", value);
    }

和视图:

代码语言:javascript
复制
foreach (var item in Model)
{
    if (item != null)
    {
        var words = GenerateRandomWords.RandomString(6);
        <li class="nav-item">
            <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#@words" aria-expanded="true" aria-controls="collapseTwo">
                <i class="fas fa-align-justify"></i>
                <span>@Html.DisplayFor(modelItem => item.Nome)</span>
            </a>
            <div id="@words" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
                <div class="bg-white py-2 collapse-inner rounded">
                    <h6 class="collapse-header">Insatancias:</h6>
                    <a class="collapse-item" href="@Url.Action("", "",new { id = item.Id })">a</a>
                    <a class="collapse-item" href="@Url.Action("", "",new { id = item.Id })">a</a>
                    <a class="collapse-item" href="@Url.Action("", "",new { id = item.Id })">a</a>
                    <a class="collapse-item" href="@Url.Action("", "",new { id = item.Id })">a</a>
                    <a class="collapse-item" href="@Url.Action("", "",new { id = item.Id })">a</a>
                    <a class="collapse-item" href="@Url.Action("", "",new { id = item.Id })">a</a>
                    <a class="collapse-item" href="@Url.Action("", "",new { id = item.Id })">a</a>
                    <a class="collapse-item" href="@Url.Action("", "",new { id = item.Id })">a</a>
                </div>
            </div>
        </li>
    }

}

当我单击其中一项时,它会进行调用,并进入PartialView内部,但不会更新div。

代码语言:javascript
复制
<div id="teste">

        </div>
EN

回答 1

Stack Overflow用户

发布于 2019-11-04 16:56:16

如果未定义将数据追加到div g,则必须仅写入

代码语言:javascript
复制
$('#teste').html(data);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58686765

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档