控制器：

  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学习（四十三）—— Djago-admin管理工具

    一.admin组件使用 Django 提供了基于 web 的管理工具. Django 自动管理工具是 django.contrib 的一部分.你可以在项目的 settings.py 中的 INSTAL ...

  2. setOnTouchListener在小米手机中不走ACTION_UP而是走ACTION_CANCEL

    单点触控: MotionEvent.ACTION_DOWN:手指 初次接触到屏幕 时触发. MotionEvent.ACTION_MOVE:手指 在屏幕上滑动 时触发,会多次触发. MotionEve ...

  3. 关于二进制枚举-计蒜客-得到整数X

    某君有 n个互不相同的正整数,现在他要从这 n 个正整数之中无重复地选取任意个数,并仅通过加法凑出整数 X.求某君有多少种不同的方案来凑出整数 X. 输入格式 第一行,输入两个整数 n,X(1≤n≤2 ...

  4. python基础知识练习题（一）

    1.执行Python脚本的两种方式:WIN+R,cmd,命令行窗口输入:python  进入python模式输入命令行直接执行命令:编写以.py结尾的文件,写入命令行,然后运行python.exe打开 ...

  5. vue 调用摄像头拍照以及获取相片本地路径(实测有效)

    在学习这个的时候有一点前提:这是针对手机功能的,所以最重要的是要用手机进行实时调试 包含图片的增加和删除功能 <template> <div> <!--照片区域--> ...

  6. pythonpipinstallpymongo报错

    1.安装pymongo模块,报错pip版本低,升级版本又报错找不到合适的版本,网友说网络问题,要使用国内的镜像源来加速:pip install pymongo -i http://pypi.douba ...

  7. MYSQL可调用执行自定义SQL的代码

    DELIMITER $$ USE `mysql_wispeed01`$$ DROP PROCEDURE IF EXISTS `sp_execSQL`$$ CREATE DEFINER=`sa`@`%` ...

  8. java创建文件写入内容，并实现下载该文件

    public void getText(){ response.setHeader("Content-Disposition", "attachment;filename ...

  9. Windows10用fiddler抓包Android应用（解决手机设置代理后无法上网，设置只抓app包）

    1.环境准备 1.电脑上安装fiddler 2.手机和电脑在同一个局域网内 2.设置 1.fiddler>Tools>Fiddler Options>Connections 勾选Al ...

  10. POJ3630

    Tire树裸题,一开始写动态的字典树,然后TLE,每次new一个新节点耗费时间较多.后来改成数组模拟的. //#include <bits/stdc++.h> #include <c ...