发布网友 发布时间:2022-04-23 02:56
共3个回答
懂视网 时间:2022-04-23 07:18
这次给大家带来怎样局部更新Razor页面,局部更新Razor页面的注意事项有哪些,下面就是实战案例,一起来看一下。本文就做一个简单例子,实现Razor配合ajax做到局部刷新。
首先,我们创建一个MVC项目
让我们创建一个简单的Controller Book
然后对其添加一个视图,并且添加上一些简单的Html代码
@{ ViewBag.Title = "Index"; Layout = null; } <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h2>Index</h2> @Html.ActionLink("点击我", "Part","Book"); <p id="partial" ></p> @Scripts.Render("~/bundles/jquery") <script type="text/javascript"> $("a").click(function () { $.ajax({ url: "/Test/Book/Part/1", success: function (result) { console.log(result); $("#partial").html(result); }, error: function (msg) { console.log(msg); } }) return false; }); </script> </body> </html>
这里我添加了一个<p>,并且给了个id="partial",再我点击@Html.ActionLink时会触发javascript里的方法,使用ajax去访问/Test/Book/Part/1这个路径,请求成功以后会在<p>里构建我请求的Html,这其实就是局部刷新的原理
这是Part的代码,然后我们给Part也添加一个视图
Part的代码可以非常简单,然后我们开启我们的项目
我们不断点击 按钮“点击我”
页面就会不停的发生变化。
这里需要注意,在使用AJAX请求时,Url一定要写完整,比如我的Controller在Area下的Book文件夹下名为Test,Action为Part,那么Url则是 /Test/Book/Part,不能缺少/Test,否则就会出现以下错误
可以看到,如果Url没有写全的话,Action返回的View其实是错误的路径。
相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!
推荐阅读:
ajax如何做出页面局部跳转功能
jQuery里ajax.load()方法应如何使用
热心网友 时间:2022-04-23 04:26
ASPX简介:
ASPX文件是微软的在服务器端运行的动态网页文件,通过IIS解析执行后可以得到动态页面,是微软推出的一种新的网络编程方法,而不是ASP的简单升级,因为它的编程方法和ASP有很大的不同,他是在服务器端靠服务器编译执行的程序代码,ASP 使用脚本语言,每次请求的时候,服务器调用脚本解析引擎来解析执行其中的程序代码,而ASP.NET则可以使用多种语言编写,而且是全编译执行的,比ASP 快,而且,不仅仅是快的问题,有很多优点。.asp是asp的文件后缀名,.aspx是asp.net的文件后缀名。
Razor简介:
Razor是一种简单的编程语法,用于在网页中嵌入服务器端代码。Razor 语法基于 ASP.NET 框架,该框架是微软的 .NET 框架特别为 web 应用程序开发而设计的组成部分。Razor 语法赋予所有 ASP.NET 的能力,但是使用了简化过的语法,如果您是初学者,则更容易学习,如果您是专家,则更有利于提高生产力。Razor 网页可被描述为带有两种内容的 HTML 页面:HTML 内容和 Razor 代码。当服务器读取这种页面后,在将 HTML 页面发送到浏览器之前,会首先运行 Razor 代码。这些在服务器上执行的代码能够完成浏览器中无法完成的任务,比如访问服务器数据库。服务器代码能够在页面被发送到浏览器之前创建动态的 HTML 内容。
从浏览器来看的话,由服务器代码生成的 HTML 与静态 HTML 内容没有区别。使用 Razor 语法的 ASP.NET 网页拥有特殊的文件扩展名 cshtml(使用 C# 的 Razor 语法)或者 vbhtml(使用 VB 的 Razor)。
语法区别如下:
热心网友 时间:2022-04-23 05:44
两个引擎语法完全不一样,性能上Asp.Net略占优势,语法糖则是razor的强项。
开发MVC3首选razorRazor 是主流。。语法不一样
Razor 简洁