控制器：

  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. spring boot 入门之 helloworld

    第一步:创建一个普通的maven项目 第二步:配置springboot基础依赖配置(即配置pom和启动类) POM配置 <project xmlns="http://maven.apa ...

  2. C++ 使用 hiredis 封装redis 的数据获取接口

    整合自互联网 一.hiredis 类库的安装 tar -zxvf hiredis-v0.13.3.tar.gz make make install mkdir /usr/lib/hiredis cp ...

  3. 【转】HTML CANVAS

    https://blog.csdn.net/u012468376/article/details/73350998 学习HTML5 Canvas这一篇文章就够了 2017年06月16日 20:57:4 ...

  4. tensor内部结构

    内部结构 1.tensor分为头信息区(Tensor)和存储区(Storage): 信息区:tensor的形状(size).步长(stride).数据类型(type),信息区占用内存较少 存储区:数据 ...

  5. VS2017 生成事件去除未修改项目

    1.右键“解决方案”→“配置管理器” 2.列“生成”,反勾选无需编译的项目 3.点击“确定”,重新编译即可跳过未勾选的项目.

  6. Android第三次作业

    制作音乐播放器 实现的功能: 歌曲的播放.暂停.停止.上一首.下一首.歌单列表的显示(获取本地歌曲). 成品图: 功能代码实现: 实现歌曲的播放.暂停.停止.上一首.下一首: public void ...

  7. RCNN论文细节

    写在前面: 本系列笔记主要记录本人在阅读过程中的收获,尽量详细到实现层次,水平有限,欢迎留言指出问题~ 这篇文章被认为是深度学习应用于目标检测的开山之作,自然是要好好读一下的,由于文章是前些日子读的, ...

  8. 3.SSM整合_多表_一对多的增删改查

    1.配置文件跟上一章一样,这里就不多写了,主要是Mapper映射文件,一对多反过来就是多对一 一 接口 public interface CategoryMapper { public void ad ...

  9. vue命名视图实现经典布局

    vue命名视图实现经典布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...

  10. Javaweb-request与response

                           Javaweb-request与response              Servlet   生命周期(什么时候创建的,什么时候销毁的);     Se ...