控制器：

  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. python 项目实例

    参考:  https://blog.csdn.net/yz764127031/article/details/71522161 https://www.cnblogs.com/linuxprobe/p ...

  2. 洛谷评测机BUG(应该是)

    此问题由洛谷p1746引出(之前出过类似问题没在意) 传送门 以下是两个差不多的程序,(只有main函数中的输入不同,第一个程序迷之WA,第二个程序AC) #include <bits/stdc ...

  3. java实现点击图片文字验证码

    https://www.cnblogs.com/shihaiming/p/7657115.html

  4. 【C语言编程练习】5.7填数字游戏求解

    之前的东西就不上传了,大致就跟现在的一样 1. 题目要求 计算 ABCD *  E DCBA 这个算式中每个字母代表什么数字? 2. 题目分析 如果是我们人去做这道题会怎么办,一定是这样想把,一个四位 ...

  5. Python科学计算库

    Python科学计算库 一.numpy库和matplotlib库的学习 (1)numpy库介绍:科学计算包,支持N维数组运算.处理大型矩阵.成熟的广播函数库.矢量运算.线性代数.傅里叶变换.随机数生成 ...

  6. TypeScript 函数-函数类型

    //指定参数类型 function add(x:number,y:number){ console.log("x:"+x); // reutrn(x+y); } //指定函数类型 ...

  7. GLOG使用Demo

    GLOG使用Demo GLOG是Google开源的一个精简的日志系统,博主简单学习了一下并记录常见用法,以备日常查询 一.安装 照例是编译安装,不过没有使用cmake git clone https: ...

  8. $.each()和$().each(),以及forEach()的用法

    1.forEach() 是JS遍历数组的方法 var arr=[1,2,3]; arr.forEach(function(val,index,arr){ // var 为数组中当前的值 // inde ...

  9. 【CSS 第五天】背景，边框

    总结一下今天所学习的内容,如下: 背景 属性 例子或作用 background background: #00FF00 url(bgimage.gif) no-repeat fixed top; ba ...

  10. Consider defining a bean named 'entityManagerFactory' in your configuration解决办法

    错误信息: *************************** APPLICATION FAILED TO START *************************** Descriptio ...