控制器：

  public IActionResult queryMongoDb(string dbname)

        {

            List<MongoDbModel> mdList = new List<MongoDbModel>();

            if (!string.IsNullOrWhiteSpace(dbname))

            {

                List<BsonDocument> document = mongo.FindFilterlData(new BsonDocument() {

                    {"title",dbname}

                });

                for (int i = 0; i < document.Count; i++)

                {

                    MongoDbModel md = new MongoDbModel()

                    {

                        id = i + 1,

                        title = document[i]["title"].ToString(),

                        url = document[i]["title"].ToString(),

                        likes = document[i]["likes"].ToDouble(),

                        tags = mongo.getStrListByBson(document[i]["tags"])

                    };

                    mdList.Add(md);

                }

            }

            return PartialView("MongoDbPartial", mdList);

        }

　　最好在Shared中创建局部视图，这样减少了耦合度：

@model IEnumerable<MongoDbDemo.Models.MongoDbModel>

<table class="table">

    <thead>

        <tr>

            <th>

                @Html.DisplayNameFor(model => model.id)

            </th>

            <th>

                @Html.DisplayNameFor(model => model.title)

            </th>

            <th>

                @Html.DisplayNameFor(model => model.url)

            </th>

            <th>

                @Html.DisplayNameFor(model => model.tags)

            </th>

            <th>

                @Html.DisplayNameFor(model => model.likes)

            </th>

            <th></th>

        </tr>

    </thead>

    <tbody>

        @foreach (var item in Model)

        {

            <tr>

                <td>

                    @Html.DisplayFor(modelItem => item.id)

                </td>

                <td>

                    @Html.DisplayFor(modelItem => item.title)

                </td>

                <td>

                    @Html.DisplayFor(modelItem => item.url)

                </td>

                <td>

                    @{

                        foreach (var tagsItems in item.tags)

                        {

                            <p>@tagsItems</p>

                        }

                    }

                </td>

                <td>

                    @Html.DisplayFor(modelItem => item.likes)

                </td>

                <td>

                    @Html.ActionLink("Edit", "Edit", new { /* id=item.PrimaryKey */ }) |

                    @Html.ActionLink("Details", "Details", new { /* id=item.PrimaryKey */ }) |

                    @Html.ActionLink("Delete", "Delete", new { /* id=item.PrimaryKey */ })

                </td>

            </tr>

        }

    </tbody>

</table>

　　主视图：

@model IEnumerable<MongoDbDemo.Models.MongoDbModel>

@{

    Layout = null;

}

<script typet="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Index</title>

</head>

<body>

    <form>

        <p>

            <a asp-action="Create">Create New</a>

            <div>

                名称：<input type="text" placeholder="条件1" id="selName"/>

                <input type="button" value="查询" id="butn" />

            </div>

            <div id="datamain">

                @Html.Partial("/Views/Shared/MongoDbPartial.cshtml", Model)

            </div>

        </p>

    </form>

    <script>

        $(function () {

            $("#butn").click(function () {

                var nameval = $("#selName").val();

                alert(nameval);

                $.ajax({

                    url: "/MongoDB/queryMongoDb",

                    data: { dbname: nameval },

                    type: "get",

                    success: function (datas) {

                        console.log(datas);

                        $("#datamain").html(datas);

                    }

                })

            })

        })

    </script>

</body>

</html>

　　

主要的思路是：

1.在主页面上定义个一div。

2.点击按钮（或者其他动作），触发div的load事件。

3.在前端js或者后台Action中避免页面缓存。

4.页面加载。

AspNetCore Mvc 使用 PartialView的更多相关文章

  1. AspNetCore - MVC实战系列（一）

    本章开篇先简单介绍下最近两周自己利用业余时间做的一个图片收集网站,当然这个是靠用户自己上传来收集不是去抓某些个网站的图片,那样没意义,这里我取名为“爱留图”:该网站的简单介绍大家可以参考下上篇的内容爱 ...

  2. AspNetCore MVC + Vue.Js 项目搭建

    1.准备 全文重点在于搭建环境,其他相关知识点请百度. VS2017 升级到最新的版本 安装 net core 2.0 安装 npm (npm相关使用请百度或咨询前端小伙伴) 全局安装 webpack ...

  3. Orchard Core 版本冲突 The type 'FormTagHelper' exists in both 'Microsoft.AspNetCore.Mvc.TagHelpers, Version=2.1.1.0, Culture=neutral, PublicKeyToken=adb9793829ddae60' and...

    最近老大让我看Orchard Core,这是一个CMS系统.可以先参考大佬的文章:https://www.cnblogs.com/shanyou/archive/2018/09/25/9700422. ...

  4. AspNetCore Mvc 自定义中间件认证

    AspNetCore Mvc 自定义中间件认证 实现控制器访问验证和拦截. 1.注册政策. 例如: services.AddAuthorization(options => { options. ...

  5. TypeLoadException: Could not load type 'Microsoft.AspNetCore.Mvc.Internal.IHttpResponseStreamWriterFactory' from assembly 'Microsoft.AspNetCore.Mvc.Core, Version=2.1.2.0 ...

    今天调试 asp.net core 2.0 项目时遇到了如下错误: TypeLoadException: Could not load type 'Microsoft.AspNetCore.Mvc.I ...

  6. API服务版本控制 Microsoft.AspNetCore.Mvc.Versioning

    我们在进行webapi服务开发时,会遇到一些多个版本的api共存的情况发生,例如某一版本APP上线后,需求发生变更,需要在下一个升级版本更新API,但同时又需要保证这个APP版本能正常使用,这时候就需 ...

  7. Core 3.1 MVC 抛异常“InvalidOperationException: No service for type 'Microsoft.AspNetCore.Mvc.ViewFeatures.ITempDataDictionaryFactory' has been registered.”

    .NET Core 的版本是 3.1遇到的问题是 Action 中 return View() 的时候报错 An unhandled exception occurred while processi ...

  8. [转]Asp.net MVC 利用PartialView 构造自定义菜单

    本文转自:http://www.cnblogs.com/huyq2002/archive/2012/01/06/2314838.html 在VS2010中利用Asp.net MVC自带的模板生成的菜单 ...

  9. Asp.Net MVC 把PartialView、View转换成字符串

    在开发中有时要在后台获得某个View 或者 PartialView 生成的字符串,只要你熟悉Asp.Net MVC  生命周期就能理解和敲出下面的代码.没什么高深的,直接上代码: 1,输出View H ...

随机推荐

  1. haproxy4-acl配置

    访问控制设定: 匹配后可进行那些操作: Use _backend :   当符合条件时使用特定的backend后端, Use_backend  <backend> [{if | unles ...

  2. Pandas常用功能总结

    1.读取.csv文件 df2 = pd.read_csv('beijingsale.csv', encoding='gb2312',index_col='id',sep='\t',header=Non ...

  3. AnjularJs教程

    原文地址:https://www.angular.cn/guide/quickstart#step-1-install-the-angular-cli

  4. 网络编程-SOCKET开发之----3. socket通信工作流程

    1. TCP的socket通信流程 服务端 1)socket----创建socket对象. 2)bind----绑定本机ip+port. 3)listen----监听来电,若在监听到来电,则建立起连接 ...

  5. vue-cli 2篇官方文档记录收藏

    https://cli.vuejs.org/guide/ http://vuejs-templates.github.io/webpack/

  6. Spark集群部署（standLone）模式

      安装部署: 1. 配置spark为1个master,2个slave的独立集群(Standlone)模式, 可以在VMWare中构建3台运行Ubuntu的机器作为服务器: master主机配置如下: ...

  7. 树莓派0 ubuntu无显示器ssh登录终端

    在此记录倒腾树莓派的过程 一.本文前提 已经装好系统,我装的是官方的Raspbian系统,以下是系统下载地址和工具地址 (默认帐号:pi,默认密码:raspberry) 镜像下载: http://do ...

  8. LeetCode 31 Next Permutation / 60 Permutation Sequence [Permutation]

    LeetCode 31 Next Permutation / 60 Permutation Sequence [Permutation] <c++> LeetCode 31 Next Pe ...

  9. 用挂载，使用NTFS移动硬盘，拷贝iPhone里的照片，拷到MAC

    2. 写权限挂载移动硬盘 1) mount查看 2) diskutil umount /dev/disk2 3) sudo mount_ntfs -o rw,nobrowse /dev/disk2s1 ...

  10. hy这个破项目

    最近部署hy记事 这段时间摊上了个挺恶心的项目,叫什么hy鞋同平台..前后左右整的人挺难受的.学到的东西特别少,而且比较浪费时间.不过,还是总结一下吧,好歹花了这么久的时间了 Doc管理xi tong ...