问题标签 [unobtrusive-ajax]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
23 浏览

ajax - 使用 MVC 自定义路由时 Ajax 调用停止工作

我已经为用户友好的 URL 定义了自定义路由。

但是无法使用 ajax 调用默认路由或使用Ajax.BeginForm()On删除自定义路由,一切正常。

这是我的 RouteConfig.cs

产品查看网址:http://localhost:56379/product/Camlin-Kokuyo-Acrylic-Color-Box---9ml-Tubes-1/1

产品控制器.cs

产品视图中的 Ajax 调用

但是点击按钮控制器动作没有被击中。请帮我解决问题。

0 投票
1 回答
119 浏览

asp.net-core - 卡在不显眼的客户端验证中

希望每个人都做得很好。

我在我的 razor pages .NET core 3.1 中使用了一些不显眼的 jQuery 来提交表单:

我正在使用原始验证进行客户端验证,这是有效的代码:

问题非常简单:每当我单击提交按钮时,它都会同时触发 Razor Page C# 和这个 JS 中的操作。

但是,我想要的是它首先点击 JS 来验证输入,然后点击后端代码。如果有人可以提供帮助,将不胜感激。

提前致谢。

0 投票
1 回答
349 浏览

jquery - 如何使用 Unobtrusive Ajax 使用 sweetalert 实现 data-ajax-confirm?

给定这样的表单ajax

我已经设置好了data-ajax-confirm,但是知道如何用 sweetalert 实现吗?

例子

如何在提交前显示带有sweetalert的对话框

0 投票
2 回答
47 浏览

html - 如何序列化取消选中复选框?

如果 JavaScript 可用,我正在尝试使用 unobtrusive-ajax 来允许站点将其内容更新为 AJAX,如果不可用,则更新为静态页面。我想支持浏览器的Back按钮在历史上向后移动。

当用户浏览网站时,我正在使用 JavaScript 的历史 API 来操纵浏览器历史记录。我将 HTML(通过innerHTML)和 DOM 的当前状态(通过 JQuery 的serialize方法)存储在历史对象中。当用户点击Back时,HTML 和 DOM 分别从缓存的 HTML 和序列化的 DOM 中恢复。

但是,我丢失了有关在页面加载 ( "checked"="checked") 时选中但用户未选中的复选框的信息。

根据https://api.jquery.com/serialize/上的 JQuery 文档

来自复选框和单选按钮(“单选”或“复选框”类型的输入)的值仅在它们被选中时才被包括在内。

这里的“值”是指选中状态,而不是value复选框的状态。

这是错误的设计吗?当它与 HTML不同时,它不应该包含检查值吗?

有条件序列化的其他元素上是否还有其他属性?

0 投票
0 回答
151 浏览

jquery - 如何在 ASP.NET Core 中的表单的 data-ajax-failure 函数中捕获 Ajax 错误?

我想在data-ajax-failure使用不显眼的 ajax 的表单部分中捕获我的错误消息。如果表单是通过调用的函数发布的,则很容易做到这一点,$ajax但我没有这样做,我将成功和失败函数调用都放在表单本身中:

<form method="post" data-ajax-url="/Home/Process_Form" data-ajax="true" data-ajax-method="post" data-ajax-success="form_data_success" data-ajax-failure="form_data_fail">

表单发布到一个名为的控制器操作Process_Form

然后,该函数应捕获故障并对其进行处理,例如,我将为用户显示警报。

谁能解释一下这个特定设置是如何完成的?

0 投票
1 回答
53 浏览

asp.net-core - .Net Core 服务器端模型验证通过不显眼的 ajax 表单

我有一个视图,它使用不显眼的 ajax 来提交表单,或者只是普通的 jquery ajax 也可以解决问题。对于这两种实现,我可以让它很好地击中我的控制器并执行我的 ModelState.IsValid 验证,然后返回我的视图,如下所示:

看法:

现在,当我的 SubmitForm 操作返回我对失败模型验证的看法时,我的验证摘要永远不会出现。我让它工作的唯一方法是通过检查 json msg 属性,用我返回的数据替换我的整个表单 html,就像在我的 OnSubmitSuccess 函数中一样:

我基本上是用传入的响应文本替换我的表单 html,以便显示我的错误消息。为什么我不能只做一个返回部分或返回视图并在不修改 jquery 和替换 html 的情况下工作,有什么特别的原因吗?

谢谢

0 投票
2 回答
44 浏览

ajax - 为什么我的不显眼的 ajax 停止更新我在 ASP.NET Core 3.1 中的局部视图?

我在 kendo 窗口中使用不显眼的 ajax 来更新表单,一旦它被填写。表单应该动态更新 DOM 元素的 Id,并且还显示从控制器返回的表单内的相关数据。

让我们开始吧,这里是包含部分视图的窗口元素,它是一个表单:

_Form_Requirement

提交表单后,控制器操作会执行以下操作:

/首页/流程_需求

因此,当您第一次打开一个窗口来创建一个新需求时,这localId0因为您没有编辑一个,这是预期的行为。

然后,当您填写所有详细信息并提交表单时,数据将发布到数据库并正确保存,但模型似乎没有使用新数据进行更新,例如 Id 的输入保持为 0:

但是输入的 id 更新为新创建的 id 号。为什么会发生这种情况,我能做些什么吗?

0 投票
0 回答
146 浏览

asp.net-core - 不显眼的 AJAX,上传文件和模态不工作 - 模态在提交时没有关闭

我正在处理 ASP.NET Core 项目,并且在模式中我有一个需要上传文件的表单。我也在使用不显眼的 AJAX 来提交表单。起初我无法上传文件,所以我找到了这个解决方案:

添加 jquery.unobtrusive-ajax.js 引用后上传为空

我在表单中添加了 data-ext="true" 。我的表单处于模态,当我单击按钮时显示模态:

并且正在上传文件,创建品牌等,后端的一切工作正常,但是即使我单击关闭按钮,模式也不会关闭,所以为了“删除”我需要刷新的模式这页纸。我还有其他一些地方,不显眼的 AJAX 和模式工作得很好 - 只有我正在上传文件才会发生这种情况。

编辑1:

这是模态的整个代码:

编辑 2:这是不显眼的 ajax 的代码,在我根据我分享的帖子修改后。现在在模态中我没有 data-ext="true",但我也用它进行了测试。我忘了提一件事——我正在使用的不显眼的 ajax 库包含在我下载的 Admin LTE 模板中。

0 投票
1 回答
38 浏览

asp.net-mvc - Asp.Net Core Unobtrusive Ajax 在实时服务器上抛出 400 错误

我的每一个表格都是类型

我还在每个 ajaxSend 请求上附加了 RequestVerificationToken

我的控制器是这样的

现在,它在本地运行良好,但在实时服务器上无法正常运行。一些请求工作正常,在几次请求后它返回 400 bad request 错误。

我尝试了很多东西,但都是徒劳的。我需要这种安全性,否则我会跳过相同的

0 投票
1 回答
30 浏览

jquery - jquery-ajax-unobtrusive 是 .Net Core 的一部分吗

我想使用 jquery-ajax-unobtrusive.js。但我已阅读以下页面https://www.learnrazorpages.com/razor-pages/ajax/unobtrusive-ajax。“它现在是 ASP.NET Core 的一部分,托管在 GitHub 上”。

Github repo 声明该项目处于维护模式。

我试图联系作者 Mike Brind,但找不到联系地址,您需要成为高级 LinkedIn 会员才能向他发送消息。我的问题是。

.NET Core的一部分是什么意思?

除非我包含指向 js 文件本身的链接,否则它不起作用。

我可以假设他并不是说该库是 .NET Core 的一部分,而是助手是吗?

即使是这样。如果它现在处于维护模式,那么使用它是否明智?它会死掉还是被其他东西取代?