控制器：

  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. Windows 运行命令大全，装逼必备哦！

    以下已整理,以字母先后排序: appwiz.cpl:程序和功能 cliconfg:SQL SERVER 客户端网络实用工具 cmd:CMD命令提示符 comexp.msc或者dcomcnfg:组件服务 ...

  2. CF1013B And

    There is an array with n elements a1, a2, ..., an and the number x. In one operation you can select ...

  3. 学习easyui的小伙伴有福利了

    easy-ui常用属性和方法 css定义与js定义两个版本

  4. 微信小程序 + nodeJs（loopback） 实现支付

    实现小程序的支付,首先需要去微信官网先了解一下微信小程序支付相关接口文档:https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter= ...

  5. setParameter不支持传统的按位置查询方式

    setParameter不支持传统的按位置查询方式 String hql = "from Customer as c where c.cust_id = ?"; List<C ...

  6. photoshop改变图片大小，不改变像素

    用画图修改了图片像素,360*440 但是图片30K,要求图片20K 打开photoshop,打开图片,点击文件--存储为web所用格式,调节品质大小到20K以下,保存即可

  7. [HEOI2016/TJOI2016]游戏

    Description: 在2016年,佳缘姐姐喜欢上了一款游戏,叫做泡泡堂.简单的说,这个游戏就是在一张地图上放上若干个炸弹,看是否能炸到对手,或者躲开对手的炸弹.在玩游戏的过程中,小H想到了这样一 ...

  8. c# asp.net mvc4 使用uploadify插件实现上传功能

    [1]首先去官网下载插件:http://www.uploadify.com/download/ .ww我使用的是免费的,基于flash的版本.因为基于H5的版本需付费使用,然后使用该插件也就是做做毕设 ...

  9. 爬虫下载City Scape数据

    爬虫下载City Scape数据 CityScape是道路场景的经典数据集,但是如right Img8bit_sequence_trainvaltest达到322G,需要用服务器下载比较方便. 需求场 ...

  10. vue-These relative modules were not found

    今天在做vue2.0+webpack的项目的时候,本来一切正常,整理了一下文件夹分类,就是把一些基础的组件新建了一个文件夹移进去,然后就报了以下的错误,其他东西都没改 最后网上找了很多资料,有说配置文 ...