mvc5控制器修改html,关于jquery:如何通过对控制器的ajax调用在MVC5中呈现局部视图并返回HTML...

如何使用Ajax加载以HTML呈现的完整部分视图(所以我只设置了div.html)

我需要一个Ajax调用来调用控制器操作,它将呈现一个完整的局部视图(红色),并将其附加到当前加载的视图的末尾?

[我知道如何附加到DOM以及如何进行Ajax调用]

我需要知道什么是最好的管道方法,操作应该返回什么类型的操作结果,如果有一个内置的机制来避免重新发明轮子?

e912f008f30f6d28de2b61d86a88ceee.png

return Partialview("_PartialViewName)并使用$.load调用返回partialview的控制器方法

从从Ajax调用的控制器操作返回partialView作为actionResult?会返回呈现的HTML吗?这样我就可以把它放到DIV中了。

你不需要ajax,只要用$.load。

好的,谢谢,我需要研究一下.load是如何使用的。谢谢+ 1

任何时候…快乐编码:)

@Guruprasad Rao建议使用$(selector).load(url,data,callback);是目前最好的解决方案。

ASP.NET MVC中有内置的Ajax帮助程序,可以涵盖基本场景。

您需要安装并引用jquery.unobtrusive-ajaxjavascript库(+jquery依赖项)。然后在主视图(比如index.cshtml)中输入以下代码:

索引文件

@Ajax.ActionLink("Load More Posts","MorePosts", new AjaxOptions()

{

HttpMethod ="GET",

AllowCache = false,

InsertionMode = InsertionMode.InsertAfter,

UpdateTargetId ="posts-wrapper"

})

注:@Ajax.ActionLink助手接受AjaxOptions参数进行更多的自定义。

在控制器(比如homecontroller.cs)中,您应该返回PartialViewResult:

public ActionResult MorePosts(int? offset, int? count)

{

IEnumerable posts = myService.GetNextPosts(offset, count);

return PartialView(posts);

}

最后定义moreposts.cshtml部分视图:

@model IEnumerable

@{

Layout = null;

}

@foreach (var post in Model)

{

>@post.Prop1

@post.Prop2


}

就是这样。当一些用户点击Load More按钮时,将加载更多的文章。

注1:您可以实现OnBegin功能来实现决定下一个要加载的日志的实际逻辑(例如,获取上一个加载日志的ID并将其发送到服务器)。

注2:使用自定义jQuery.ajax调用(不使用jquery.unobtrusive)可以获得相同的结果。唯一的区别是手动Ajax调用和单击事件。

希望这有帮助。如果需要,我可以写一个更完整的例子。

这与我的黑莓手册的方法使呼叫使用Ajax时,美元就可以知道全.ajax track errors。谢谢

Please请@维克多how to make this美国导游手册参数自动呼叫as与which we will not get on Main View。

我建议从nuget获取Westwind.Web.Mvc库,您可以将任何视图运行到字符串中,作为JSON结果返回。

public JsonResult GetPosts()

{

string postsHtml = ViewRenderer.RenderPartialView("~/views/yourcontroller/_PostsPartial.cshtml",model);

return Json(new { html = postsHtml });

}

正如@guruprasad在评论中所说,您可以使用return PartialView(model)从MVC控制器返回部分视图,但使用renderpartialview,您可以将其作为字符串输出,并在需要时将其与任何其他值一起输出为json。如果您选择使用WebAPI,这将有效,因为它不具备呈现内置视图的能力。

你可以进入HTML渲染全部粘在JSON的物业?这是方便的。viewrenderer.renderpartialview is also方便。谢谢,我会查厂for this。

读你的帖子invisiblepanda @?它不让它(这)样partialview does the view,renders out to a字符串。

如果你使用webapi You probably不应该回来,好的HTML。

"我freedomn米高度disagree with that声明

ASP.NET MVC和Web API控制器和controllers are the same thing in the latest基本版本,他们都是统一的。

卢克只是因为茶有"双控制器的句法相似的意思他们不均值for the same thing。Web API to handle is!商业逻辑,whereas ASP.NET MVC的View/presentation should处理逻辑。以保存你的业务层分离的关注,should not the view of定义你的布局,例如,HTML。of this is the the福利消费能力to the same在多不同的API,vastly前端应用。for instance,Windows应用程序# 10 C,安安和浏览器应用程序的HTML 5,含Objective-C的程序。

我@丹that this with You to同意趋势不好茶的最佳实践,它会更好,那么返回值和render to the standard with or something to a角。不管一个人多,关注的是在分离of the play with the壳层和modularisation of the is not necessarily尾巴,什么使你通过the values to view。在这房子是分离,the the view is between the渲染和生成viewmodel is for the view that仍然分离,这只是你使用the method to HTML产生不同的最终结果。你不同意吗?

它是真正的"卢克,there may be when both the时代逻辑和业务逻辑在Web API reside the presentation and the前端项目,应用"模拟"presenter which is just吐出来的结果。虽然在这神奇的房子,为什么你有一个前端应用在所有?当there may be some缓存相关的原因,使静电to on the pages for高scalability服务器的方法与启动,就不会recommend consideration没有认真。处理客户需求给你regardless of error to You can never建筑的决定,我真的,真的有一个"愚蠢"的前端。

卢克也",for which the original Comment with context,你disagree高度stated [ D ]""You probably be HTML不应该回来","You should not不返回HTML"。我认为这是公平的说回来commonly is the less有用的HTML设计。

对不起,如果我似乎在混乱位,有一些啤酒!我想make the Point is that the logic view是曼弗雷迪或法拉利吗或是业务逻辑应该在webapi reside说恩,我不应该。有一个简单的方式提供给webapi from within a view to。the view is the view that和我仍然可以作为模型is generated from the商务逻辑层controllers between that can be shared webapi controllers和MVC。

我也喜欢我的disagree to change):somewhat disagree高度

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/562802.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

OSPF邻接关系的建立步骤

OSPF邻接关系建立过程剖析 在OSPF网络中,为了交换路由信息,邻居设备之间首先要建立邻接关系,邻居(Neighbors)关系和邻接(Adjacencies)关系是两个不同的概念。邻居关系:OSPF设备启动…

html5新增的type类型,html5新增的type类型

html5新增了很多的input类型,省去了前端开发者写javascript,调用插件等一系列麻烦的操作,下面介绍一些新增的类型。注释直接写在HTML代码里了:H5中新增的input标签/*search类型专用于“搜索”,可以在输入后点击“X”直…

html提交表单使用python计算_教你使用Python实现新个税计算器

自从采用新个税计算方法后,每个月发工资你是否真的清楚扣多少税?今天跟大家分享下如何计算,希望大家喜欢。计税方法科普个税方法这里需要知道的知识点:1.个税起征点调到 5000;2.累积预扣法:本期应预扣预缴税…

html的表单标记格式,HTML表单标签

表单:专门用来搜集用户信息元素:在HTML中 标签、标记、表单都是指HTML中的标签如: a标签、a标记、a元素表单元素:也是HTML中的一些标签,只是它们比较特殊,有特殊的外观的默认的功能表单格式:常见…

axure 小程序 lib_使用maven和fat jar/war运行应用程序的对比

简介上篇文章我们介绍了Spring boot的fat jar/war包,jar/war包都可以使用 java -jar 命令来运行,而maven也提供了mvn spring-boot:run 命令来运行应用程序,下面我们看看两者有什么不同。Spring Boot Maven Plugin上篇文章我们提到了Spring Bo…

VLAN端口转发原则

VLAN端口转发原则 1.Access端口转发原则 当Access端口收到帧时 如果该帧不包含802.1Q tag header,将打上端口的PVID; 如果该帧包含802.1Q tag header,交换机不作处理,直接丢弃。 当Access端口发送帧时 剥离802.1Q tag header…

新版opencv兼容旧版_【标准换版】关于家用和类似用途电器用外置电源适配器、充电器和内置开关电源产品认证执行新版标准的通知...

各相关认证企业:GB4343.1-2018《家用电器、电动工具和类似器具的电磁兼容要求 第1部分:发射》标准(以下简称“新版标准”)已发布,并将于2020年6月1日实施,新版标准自实施之日起替代GB4343.1-2009标准&#…

html万花筒照片代码,怎样拍出万花筒效果

ipadair相机怎么拍出万花筒的效果我这边是ipad3,不过应该和air差不多,有一个photo booth,里面有个万花筒效果照相,点那个进去照相就好了。制作前的准备工作 尽量使用最简单的工具 1 镜子:你可以去玻璃店购买些镜子的边…

delay 芯片时序output_【第二章 STA概念 上】静态时序分析圣经翻译计划

本文由知乎赵俊军授权转载,知乎主页为https://www.zhihu.com/people/zhao-jun-jun-19本章节介绍CMOS技术的基础知识以及执行静态时序分析所涉及的术语。2.1 CMOS逻辑设计2.1.1 基本MOS结构MOS晶体管(NMOS和PMOS)的物理实现如图2-1所示。源极(source)和漏极(drain)区…

html播放七牛云视频,直传七牛云视频播放商业版【价值199元】

福利:本资源正在众筹中,如贴内有下载链接则已众筹成功可下载资源,否则暂无资源,你可以在官方购买此资源后,用于【交换】魔趣吧内已发布的其他你需要的极品资源!这样你既可以买到自己想要的资源,…

andpods授权码订单号分享_微信OAuth2授权登录

前言 第三方登录是应用开发中的常用功能,通过第三方登录,我们可以更加容易使用户登录我们的应用或者网站。很多网站都提供了第三方登录的功能,在他们的官网中,都提供了如何接入第三方登录的文档。但是,假如不同的网站文…

让8只数码管初始显示零,每隔大约1s加一显示,到数码管显示9后,再从一开始显示

让8只数码管初始显示零&#xff0c;每隔大约1s加一显示&#xff0c;到数码管显示9后&#xff0c;再从一开始显示 用延时函数实现加一显示 程序&#xff1a; #include <reg51.h> void delay(unsigned char n); int main(void) { unsigned char led[]{0xC0,0xF9,0xA4,0xB…

让8只数码管从左往右显示1、2、3、4、、、8

编写实验学习数码管动态显示&#xff0c;让8只数码管从左往右显示1,2&#xff0c;3,4&#xff0c;&#xff0c;&#xff0c;8 程序&#xff1a; #include <reg51.h> unsigned char led[]{0xF9,0xA4,0xB0,0x99,0x92,0x82,0xF8,0x80};//0-9的字型码 unsigned char segment[…

miracast投屏软件下载_手机画面如何投屏到电视?

投屏方法详解&#xff0c;拆解步骤&#xff0c;视频演示&#xff0c;讲到你会用为止&#xff01;安卓手机Miracast镜像安卓手机Miracast镜像可谓刚需&#xff0c;这种镜像方式的一大优点就是手机端不用再另装其他软件&#xff0c;电视端有“爱投屏”即可流畅使用。步骤如下&…

flash一个按钮控制动画_PLC三组灯用一个按钮控制

今天作一个PLC小练习用一个按钮控制三组或三个灯,以达到控制灯的亮度,由PLC组成一个控制器,每按一次按钮增加一组灯亮,三组灯全亮后,每按一次按钮,灭一组灯(为了使每组灯亮的时间尽量相等,要求先亮的灯先灭),如果按下按钮的时间超过2S,则灯全灭.模拟练习设M600.0是按钮1M800.0是…

下载 6g 概念及愿景白皮书_6G,到底有多6?6G概念及愿景白皮书正式发布!

近日赛迪智库正式发布《6G概念及愿景白皮书》白皮书从6G愿景、6G应用场景6G网络性能指标、6G潜在关键技术国际组织和各国6G研究进展等方面展开讨论并提出加快我国推进6G研发的相关建议以为业界在面向2030网络及6G研究方面提供重要参考话又说回来6G究竟是个啥6G&#xff0c;即第…

html如何创建关键帧动画旋转,[教程] 用 CSS3 Animations(动画) 和 Keyframes(关键帧) 创建简单的网页动画 – CSS3 实现弹跳球动画...

通过这个有趣的教程学习 CSS Animations(动画) 和 Keyframes(关键帧)。我们要做什么&#xff1f;下面是最终代码&#xff0c;也就是我们将要最终实现的演示&#xff1a;基础准备对于这个实现&#xff0c;我们需要一个简单的 div &#xff0c;并且样式类名为 ball &#xff1a;我…

定时器中断实验 编写程序使定时器0或者定时器1工作在方式1,定时50ms触发蜂鸣器。

编写程序使定时器0或者定时器1工作在方式1&#xff0c;定时50ms触发蜂鸣器。 程序&#xff1a; #include<reg51.h> sbit fmP2^3; unsigned char cnt; int main(void) { TMOD0x01; TH0(65536-46083)/256; TL0(65536-46083)%256; cnt0; TR01; EA1; ET01; while(1); } void …

iOS打开沙盒html,iOS WKWebView加载本地/沙盒HTML及css、images

注意这里加载的是本地的不是沙盒里的,加载沙盒的方法在最下面。先上代码&#xff1a;NSString *path [[NSBundle mainBundle] pathForResource:“local.html" ofType:nil];[_wkWebView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:path]]];注意&am…

用python做频数分析_使用Python进行描述性统计

2 使用NumPy和SciPy进行数值分析 2.1 基本概念1 from numpy import array 2 from numpy.random import normal, randint 3 #使用List来创造一组数据 4 data [1, 2, 3] 5 #使用ndarray来创造一组数据 6 data array([1, 2, 3]) 7 #创造一组服从正态分布的定量数据 8 data norm…