为什么这个Razor Page Ajax调用会得到一个404？ - 腾讯云开发者社区

在ASP.NET Core Razor(以下简称Razor)刚出来的时候,看了一下官方的文档,一直没怎么用过。今天闲来无事,准备用Rozor做个项目熟练下,结果写第一个页面就卡住了。。...hanler=LoginIn这个Url是什么意思,user是我Page下的一个目录,Login是一个页面,LoginIn是页面里面对应的一个方法。...至于为什么是LoginIn而不是OnPostLoginInAsync,在文章开头也提到过,这是Rozar的语法限定,不清楚的朋友可以去看下微软的官方文档，写的肯定比我好。。...这两种方法都添加了一个隐藏名称的输入类型__RequestVerificationToken。Ajax请求应将请求头中的防伪标记发送到服务器。...所以，修改后的Ajax请求看起来像这个样子: 改良后的代码在发送请求前在请求头中增加了"XSRF-TOKEN"标识,值为表单自动生成的防伪标记。

1.8K9 0

asp.net core 系列之用户认证(1)-给项目添加 Identity

这篇文章会提供更详细的说明把Identity基架添加到一个空项目把Identity基架添加到一个不存在认证(authentication)的 Razor项目(即项目中原来不存在认证的项目) 把...Identity基架添加到一个存在认证(authentication)的 Razor项目（即项目中原来存在认证的项目）把Identity基架添加到一个不存在认证(authentication...，注册功能页面；再选择数据上下文，这里，如果存在的话，一样可以选择已经存在的；但是，在这个空项目中，是没有数据上下文的，所以这里直接点击加号，新增一个即可。...这里，要说下这个路径了，为什么会是上图标示的这个路径呢下面展示下目录结构，如下图： ?...就不再给出详细图示，可以自己按步骤操作，如果有需要，后面再补充把Identity基架添加到一个不存在认证(authentication)的 Razor项目 1.首先，准备一个项目中原来不带认证的

1.1K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

MVC 3.0 的新特性摘要

这篇文章提供包含在此次发布中的许多新特性的说明，分为以下部分： Razor 视图引擎支持多视图引擎 Controller 改进 JavaScript 和 Ajax Model 验证的改进依赖注入...向客户端返回 404 HTTP 状态. HttpNotFoundResult ....基于一个布尔型的参数，返回一个临时的重定向 (HTTP 302 status code) 或者持久的重定向 (HTTP 301 status code), 结合这个改进，, 提供了三个方法来支持持久的重定向...这允许客户端的验证库自动调用一个你定义在服务器上的自定义的方法来完成只能在服务器上完成的验证逻辑。...这可以允许你容易地缓存输出的一个区域或者片断，更多地内容参考 Scott Guthrie's blog post on the MVC 3 release candidate 中 Partial Page

2.5K1 0

Blazor带我重玩前端(三)

wwwroot 这个文件夹和我们ASP.NET Core MVC里的wwwroot基本一致，不过需要注意的是，这个文件夹里面有一个比较重要的文件index.html，它是我们Blazor项目的起点。...Shared 这个文件夹里，有三个文件，分别是MainLayout.razor、NavMenu.razor、SurveyPrompt.razor。...整体的风格、左侧的菜单、右侧的链接都像我们展示了布局和组件功能 Pages 里面定义了三个.razor文件，这也是模板提供给我的Blazor编写案例 Index.razor向我们展示了，组件的调用 FetchData.razor...向我们展示了Call远程API和路由功能（@page "/fetchdata"） Counter.razor向我们展示了事件调用其他文件 _Imports.razor，这个文件和我们在ASP.NET...Core项目中的_Imports.cshtml文件，没有什么区别 App.razor，这是根组件，里面定义了路由功能、默认布局、以及404展示 Program.cs 在职能上和我们ASP.NET Core

1.6K3 0

如何更好的在 react 中使用 axios 的拦截器

你也许会疑问为什么要使用 useRef 来存储写入日志的函数，这是因为写入操作可能是异步的，特别是在 axios 的拦截器中，拦截器会和请求执行的上下文进行绑定，异步的请求可能会把日志写到旧的状态中，我习惯把这种绑定实时状态的结构称作...function Status404Page() { const history = useHistory(); return ( 404 Page</h2...接着我们在 Children2 组件中进行了页面路由，一个 / 路径，一个 /404 路径。...你现在可以尝试点击默认页中的按钮，它会进行一个 404 请求，页面将重定向到 /404 页面。...状态丢失这个问题让我踩了一个大坑，例如上面两个例子中，我都对拦截器依赖的功能使用 Ref 进行参考调用，如果直接使用非引用的函数，例如日志记录例子中更新日志的 update 函数，或者路由跳转例子中的

2.4K3 0

MVC中局部视图的使用

UpdateTargetId = " CommentList " } ) Ajax分页的方法，这样，就可以使用Ajax自动更新该部分。...在AjaxOption中定义了UpdateTargetId参数为“CommentList”，意味着当Ajax加载数据后，会自动更新id为“CommentList”的html元素内的内容后台：新建一个名称为...ToPagedList ( page ? ?...Html.RenderPartial与Html.RenderAction的区别在Razor视图中语法不一样： @Html.Partial("PartialViewName") @{ Html.RenderPartial...("PartialViewName",Model); } Html.RenderAction允许你直接调用某一个Action，并把返回的结果直接显示在当前调用的View中，在Control中有一个方法并返回

1.2K7 0

ASP.NET Core教程【三】实体字段属性、链接标签、并发数据异常、文件上传及读取

前文索引： ASP.NET Core教程【二】从保存数据看Razor Page的特有属性与服务端验证 ASP.NET Core教程【一】关于Razor Page的知识实体字段属性再来看看我们的实体类...如果这个时候你请求这个地址： http://localhost:5000/Movies/Details 并没有传入ID的值，那么服务器会返回404，如果你的设计是希望ID是一个可选的传入参数，那么你可以把...如果你想让页面接收一个字符串，可以把这个“路由模版”写成如下这个样子： @page "{searchString?}"...并发数据异常当一个用户删除了一个实体，另一个用户同时又要更新这个实体的话第二个用户的请求就会抛出并发数据异常（这里姑且称作并发，微软官网就是这么说的），来看代码： public async Task.../Index");} 上面代码中DbUpdateConcurrencyException就是专门针对这种异常定义的异常类； NotFound方法将返回404异常文件上传及读取如果你想上传一个文件，可以撰写如下

1.6K6 0

ASP.Net MVC开发基础学习笔记：三、Razor视图引擎、控制器与路由机制学习

（2）@字符：@是Razor中的一个重要符号，它被定义为Razor服务器代码块的开始符号。...三、Routing深入详解　　首先，ASP.Net MVC项目是URL请求驱动的，为什么访问localhost/home/index会传递给HomeController中名为index的action（...Home控制器下的Index这个Action，但却被告知以404提示： ? 　　...这是为什么呢？...由于网站中，并没有Home-Index这个Controller，所以也就出现了刚刚那个404页面。

1.7K3 0

Blazor带我重玩前端(四)

创建布局新建一个Razor页面，所有新增的布局都要继承LayoutComponentBase，同时标识自定义内容的输出位置，即标识Body的位置。如图所示： ?...顺便说一下，布局是可以“继承”的，也就是说，我们可以声明一个新的布局继承自MainLayout.razor ，只需要指定如下代码即可： @inherits LayoutComponentBase @layout...NotFound> 里面有三个重要组件： Found：路由机制渲染存在的页面 RouteView：接收路由数据和默认的布局 NotFound：路由机制渲染不存在的页面，当然我们可以自己定义404...如下： @page “/index” @page “/” @page “/home/index” 定义与约束路由参数这个其实和ASP.NET Core API的路由方式没有太大区别，包括路由约束部分。...@page "/Index/{Theme}" 接收参数的方式也很简单，需要声明一个get;set的属性，并且必须是public的，同时需要用Parameter特性去标识。

1.4K2 0

正式开始学习ASP.NET Core 6 Razor Pages 介绍

@page @model IndexModel @{ ViewData["Title"] = "Home page"; } <div class...它很像MVC中的Razor视图文件。@page指令指定它是一个 Razor Pages 。@model指令指定模型。该模型是对应的PageModel类，如下所示。...* 为什么是CS结尾，因为编程语言是CSHARP。 * 该文件中的类是显示模板的模型。它从PageModel类派生。 * 就像MVC一样， Razor Pages 也支持依赖项注入。...Controller(控制器):处理 Http 请求，调用模型，请选择一个视图来呈现该模型除了创建模型外，控制器还选择一个视图并将模型对象传递给该视图。...如果我们要构建一个相当复杂的门户网站，那么最终我们可能会得到使用许多不同依赖项和视图模型并返回许多不同视图的控制器。简而言之，我们可能最终得到大型控制器，这些控制器具有许多彼此不相关的动作。

3.6K1 0

ASP.NET MVC的Razor引擎：RazorView

Razor引擎具有两个核心的类型，一个是表示View本身的类型RazorView，另一个则是获取和创建它的RazorViewEngine，我们将用两篇文章对它们分别进行剖析。...它调用BuildManager的静态方法GetCompiledType根据指定的View文件虚拟路径得到编译后的WebPageView类型，然后将该类型交给ViewPageActivator激活一个具体的...对于Razor引擎默认创建的RazorView，RunViewStartPages属性为True（意味着总是会执行开始页面）。...SimpleRazorView总是会执行开始页面，所以我们通过调用ViewStartPage的静态方法GetStartPage根据指定的开始页面文件名（_ViewStart）和扩展名列表（cshtml和...Model类型为Contact的强类型View，在该View中我们直接调用HtmlHelper的扩展方法EditorForModel将作为Model的Contact对象以编辑模式呈现在一个表单之中

1.3K7 0

Spring Boot搭建Web项目常用功能

首先要弄清楚为什么要包装统一结构结果数据，这是因为当任意的ajax请求超时或者越权操作时，系统能返回统一的错误信息给到前端，前端通过封装统一的ajax请求统一处理这类错误信息（这样统一就避免每次都需要额外处理...= new ErrorPage(HttpStatus.NOT_FOUND, "/common/404.html"); ErrorPage error500Page =...采用 HandlerMethodReturnValueHandler 拦截所有需要返回权限信息的ajax请求，再根据 methodParameter能获取到method对象，然后就能获取到method上的权限注解信息了再统一调用鉴权服务...再比如null值的对象是否要在json中输出默认是会输出，那我们也可以改成不输出。当然还有其他的就不举例了。...= new ErrorPage(HttpStatus.NOT_FOUND, "/common/404.html"); ErrorPage error500Page =

1K2 0

Blazor入门：ASP.NET Core Razor 组件

关于组件 .razor 文件分为页面(带@page)和组件(不带@page，或者说页面组件和非页面组件。...= "123"; } 因为 Blazor 不支持可选参数，因此，如果只设置 @page "/test/{Id}"，那么每次访问都必须带有这个参数值。...创建一个 Test.razor 文件，内容不限。...在一个组件中，引用该组件实例 @page "/" @code{ private Test _test; } 在使用 Test.razor 组件的同时，...这样会带来比较大的性能消耗。一般使用绑定的元素，其更新是自动的，不需要人为控制。在能保证每一项的某个元素列，都是唯一的时候，我们可以使用 @key 关键字来优化组件。

2.7K2 0

Asp.net mvc 知多少（三）

通读此书，会帮助你对ASP.NET MVC有更深层次的理解。由于个人技术水平和英文水平也是有限的，因此错误在所难免，希望大家多多留言指正。...主要有三种Html Helpers: 1、** Inline Html Helpers **- 通过Razor@helper标签创建的帮助类，只能在同一个view中使用。...2.3 Templated HTML Helpers - 该类型帮助类，会自动根据model类的属性类型去呈现适当的html元素。...; 第一行未指定key关联这个错误信息；第二行指定Name属性关联。...默认来说，浏览器只允许ajax调用你自己服务器上托管的当前web应用的站点。这个限制帮助组长了许多安全问题（比如XSS攻击）。

2.3K6 0

32·灵魂前端工程师养成-AJAX原理及JSON详解

AJAX是浏览器上的功能： 1.浏览器可以发请求，收响应 2.浏览器在window上加了一个XMLHttpRequest函数 3.用这个构造函数(类)可以构造出一个对象 4.JS通过它实现发请求.../head> 曾老湿 AJAX 默认页面 2 使用AJAX的方式来调用...首先创建一个js文件，然后使用index.html调用。 console.log('我是 zls.js') <!...可以直接使用XML，我们现在使用request.response对于XML来说，我们可以直接request.responeXML得到一个数组，然后直接使用这个数组中的元素就可以直接得到Hello World...CSS之后，生成style标签 2.得到JS之后，生成script标签 3.得到HTML之后使用 innerHTML 和 DOM API 4.得到XML之后使用 responseXML 和 DOM

1.2K1 0

javaee的OA项目（九）ajax的学习,JavaScript结合ajax使用，实现二级联动

目录 为什么使用ajax 什么是ajax JavaScript结合ajax进行操作 ajax内容总结 01创建XMLHttpRequest对象 02建立到服务器的连接 03指定回调函数 04 HTTP...用户名的确认和用户书写其他表单项可以同时进行；返回客户端的至少错误信息；优点：较小的网络流量，用户体验好什么是ajax 就是一个技术 Ajax的最大特点：异步访问（快），局部刷新（用户体验高），就是页面数据会变化.../200 404 500 if(xhr.status == 200){ //得到返回的结果 var result = xhr.responseText; //写到指定位置...在Ajax应用程序中需要了解五种就绪状态,但通常只使用状态4： 0：请求没有发出（在调用 open() 之前） 1：请求已经建立但还没有发出（调用 send() 之前） 2：请求已经发出正在处理之中（这里通常可以从响应得到内容头部...第二步，写ajax代码也就是在第一个下拉框上写一个改变的事件，当选择的东西变了，就会触发这个事件，这个事件里面的内容就是根据这个选择的东西，从后端获取对应的数据之后，放到第二个下拉框里面。

9361 0

启用WP Super Cache纯代码版本之后的一些优化措施

仔细看了下缓存代码，懒得深究为何会缓存用户浏览器的内容，直接在 cache.php 中加入了置空机制，搞定这个问题： function auto_cache($contents){//回调函数，当程序结束时自动调用此函数...二、前台缓存清理针对第⑦条清理缓存不方便的问题，我今天写了一个 js+ajax+php 的方法，可以在前台 ajax 删除缓存内容： ①、新增 JS+ajax 代码： <script type="text...三、加入缓存时间针对第⑧条：如果缓存页面没有时间戳，会让人分不清楚这个缓存页面是什么时候生成的，因为有时删除了缓存文件，在前台刷新看到的依然是缓存内容（nginx 通常会产生一个 304 的浏览器缓存...一旦这些奇葩路径被缓存，那么再次被访问，返回的就不再是 404 状态了，而是正常的 200 状态！典型案例：明明是一个 404 错误，因为被缓存了，就被百度给收录了： ? ?...，就完美解决了会缓存 404 不存在页面的问题了！

1.2K7 0

Day 04 Compoent及路由介紹

打开Counter.razor，最上面是@page指示词，这个稍后再说。...currentCount，还有一个方法IncrementCount()，调用这方法的是Click me按钮，每一次点击按钮都会使currentCount+1，而呈现结果就在p元素内。...原因就是@page指示词，这个指示词相当于传统的路由，可以看到Index.razor的@page 为"/"，表示这是首页，Counter.razor及FetchData.razor也有相应的@page指示词...一个页面可以有多个@page指示词，不过开头一定要有斜线且用双引号包起来，笔者曾想过建立enum集中管理不同Component的@page，可惜目前Blazor不支持这种做法。...另外若两个Component用了相同的@page，编译阶段就会出现错误提示，所以也不用担心若有重复路由Blazor会怎么处理。

1.3K3 0

Nginx 反向代理解决前后端联调跨域问题

浏览器执行javascript脚本时，会检查这个脚本属于哪个页面，如果不是同源页面，就不会被执行。...这些服务器内的javascript可以跨域调用所有这些服务器上的url。将nginx目录下的nginx.conf修改如下，这里配置了两台server，如果只需一台，把其中一个server删除即可。.../user/1 } #error_page 404 /404.html; # redirect server error...serverB,即真实的服务器地址，ajax的url为/api/user/1的请求将会访问http://www.serverB.com/user/1 } #error_page...404 /404.html; # redirect server error pages to the static page /50x.html

2.2K4 0

如何使用 Blazor 框架在前端浏览器中导入和导出 Excel

：创建这个项目还应该创建一个名为“exampleJSInterop.js”的文件，因此我们需要对其进行编辑以添加有助于将 C# 代码连接到 SpreadJS 的 JavaScript 代码的逻辑：...我们的 SpreadJS_Blazor_Lib 应该列为选项之一：在这个新项目中，应该有一个页面文件夹，其中包含几个不同的 razor 文件。...在此，我们将要编辑 Index.razor 文件以设置 HTML 的代码隐藏： @page "/" @using SpreadJS_Blazor_Lib Hello, SpreadJS!...中的代码： (Index.razor) @page "/" @using SJS_Blazor_Lib Hello, SpreadJS!...private void ExportExcel() { ss.SaveExcel(); } } “ss.SaveExcel()”调用使用 SpreadJS.razor

2252 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

如何ASP.NET Core Razor中处理Ajax请求

asp.net core 系列之用户认证(1)-给项目添加 Identity

MVC 3.0 的新特性摘要

Blazor带我重玩前端(三)

如何更好的在 react 中使用 axios 的拦截器

MVC中局部视图的使用

ASP.NET Core教程【三】实体字段属性、链接标签、并发数据异常、文件上传及读取

ASP.Net MVC开发基础学习笔记：三、Razor视图引擎、控制器与路由机制学习

Blazor带我重玩前端(四)

正式开始学习ASP.NET Core 6 Razor Pages 介绍

ASP.NET MVC的Razor引擎：RazorView

Spring Boot搭建Web项目常用功能

Blazor入门：ASP.NET Core Razor 组件

Asp.net mvc 知多少（三）

32·灵魂前端工程师养成-AJAX原理及JSON详解

javaee的OA项目（九）ajax的学习,JavaScript结合ajax使用，实现二级联动

启用WP Super Cache纯代码版本之后的一些优化措施

Day 04 Compoent及路由介紹

Nginx 反向代理解决前后端联调跨域问题

如何使用 Blazor 框架在前端浏览器中导入和导出 Excel

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐