ajax 相关问题

AJAX（异步JavaScript和XML）是一种通过客户端和服务器之间的异步数据交换来创建无缝交互式网站的技术。 AJAX有助于与服务器进行通信或部分页面更新，而无需传统的页面刷新。

Fetch API 与 XMLHttpRequest

我知道 Fetch API 使用 Promises，它们都允许您向服务器发出 AJAX 请求。我读到 Fetch API 有一些额外的功能，这些功能在 XMLHttpRequest 中不可用（以及......

javascript ajax xmlhttprequest fetch-api

回答 4 投票 0

主页渲染后未加载部分视图

我有一个剃刀主页，其中包含一个使用 OnGet() 事件加载的选择器，当用户单击此选择器的值时，将调用 jQuery 函数来加载包含某些值的部分视图。

c# jquery ajax razor-pages

回答 1 投票 0

在运行时针对 TypeScript 中的接口验证“任何”对象[重复]

我正在使用打字稿开发应用程序的用户界面。与此同时，其他人也在努力向我提供数据。我们就数据合同达成了一致，但是这个过程很容易出错，而且我一直无效……

ajax validation datacontract typescript

回答 3 投票 0

通过 Ajax 在 ASP.NET Core Web API 中的 POST 上出现 400 错误请求（不是针对控制器，而是针对同一页面事件处理程序）

我在 .NET 8 和 VS2022 中使用 ASP.NET Core Razor 页面。我试图让我的控制器对公众隐藏，所以我的所有 POST 请求首先调用同一页面。例如 www.mywebsite.com/index 将...

jquery ajax asp.net-core razor-pages ajax-upload

回答 1 投票 0

手动使输入字段失败并在 span asp-validation-for .Net Core 中显示错误

我正在使用 Ajax 调用检查数据库中是否存在输入值 - ... 我正在使用 Ajax 调用检查数据库中是否存在输入值 - <div class="form-group Centre"> <label asp-for="Input.CentreId"></label> <input asp-for="Input.CentreId" class="form-control" id="CentreInput" /> <span asp-validation-for="Input.CentreId" class="text-danger" id="CentreError"></span> </div> 我有以下ajax调用- $("#CentreInput").on('change', function (event) { var urlVal = $(location).attr('href') + "?handler=CheckCentre" $.ajax({ type: "POST", url: urlVal, beforeSend: function (xhr) { xhr.setRequestHeader("RequestVerificationToken", $('input:hidden[name="__RequestVerificationToken"]').val()); }, data: { "CentreId": $("#CentreInput").val() }, async: false, success: function (response) { debugger; var $validator = $("#RegisterForm").validate(); if (response.message == 'Not Found') { errors = { CentreInput: "Centre does not exist in database" }; /* Show errors on the form */ $validator.showErrors(errors); } else if (response.message == 'Success') { $("#CentreNameInput").val() = response.centreName; } else { alert(JSON.stringify(response)); } }, failure: function (response) { debugger; alert(JSON.stringify(response)); }, error: function (response) { debugger; alert(JSON.stringify(response)); } }); }); 我已经尝试过按照上面的方法进行验证，但没有成功。尝试添加失败类别，请参见下文 - $("#CentreInput").addClass("input-validation-error"); $("#CentreError").addClass("field-validation-error"); $("#CentreError").val() = "Centre does not exist in database" 没用。有人可以帮忙吗？谢谢你在您的代码中，您需要首先确定您的ajax版本，从jQuery 1.8开始，async: false与jqXHR（$.Deferred）的使用已不推荐使用。 jQuery 3.0 版本后，更新了新的 done 和 fail 方法来替代之前的 success、error 等方法。如果想要自定义在span中显示的错误消息，那么可以在validate方法的初始化中添加errorPlacement选项来自定义错误消息的显示位置。以下是您可以用作参考的示例： @model CentreViewModel <form id="RegisterForm"> <div class="form-group Centre"> <label asp-for="Input.CentreId"></label> <input asp-for="Input.CentreId" class="form-control" id="CentreInput" /> <span asp-validation-for="Input.CentreId" class="text-danger" id="CentreError"></span> </div> </form> @section Scripts { <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script> <script type="text/javascript"> $("#CentreInput").on('change', function (event) { var urlVal = $(location).attr('href') + "CheckCentre"; $.ajax({ type: "POST", url: urlVal, beforeSend: function (xhr) { xhr.setRequestHeader("RequestVerificationToken", $('input:hidden[name="__RequestVerificationToken"]').val()); }, data: { "CentreId": $("#CentreInput").val() }, }) .done(function (response) { var $validator = $("#RegisterForm").validate({ errorPlacement: function (error, element) { error.appendTo('#CentreError'); } }); if (response.message == 'Not Found') { var errors = {}; errors[$("#CentreInput").attr("name")] = "Centre does not exist in database"; $validator.showErrors(errors); } else if (response.message == 'Success') { $("#CentreNameInput").val(response.centreName); alert(JSON.stringify(response)); } else { alert(JSON.stringify(response)); } }) .fail(function (jqXHR, textStatus, errorThrown) { alert("AJAX request failed: " + errorThrown); }); }); </script> } 方法： [HttpPost] [Route("CheckCentre")] public IActionResult CheckCentre( CentreInputModel model) { if (ModelState.IsValid) { if (model.CentreId == 1) { return Json(new { message = "Success", centreName = "Example Centre" }); } else { return Json(new { message = "Not Found", centreName = "Not Found Centre" }); } } else { return BadRequest(new { message = "Validation Failed", errors = ModelState }); } } 当我传入的数据可以被找到时当我传入的数据不存在时

javascript jquery ajax asp.net-core

回答 1 投票 0

IE 与 window.location.href 不兼容

我正在使用 AJAX post 请求的回调来导航到新页面，但它在 Internet Explorer 上不起作用。我的代码如下： $.ajax({ 类型：“帖子”，网址: phpUrl, 数据...

javascript jquery ajax internet-explorer

回答 4 投票 0

jQuery/Ajax 表单自动提交，即使我在提交操作中有 event.preventDefault

我有一个使用 Ajax 和 jQuery 的现有表单。我试图阻止它自动提交，并将 event.preventDefault() 放在提交操作中： $(文档).ready(函数() {

jquery .net ajax razor

回答 1 投票 0

ASP.NET Core Razor Pages Ajax 帖子使用 FromBody 为空

我正在开发 ASP.NET (6.0) Razor Pages 应用程序。其中一个页面需要使用 AJAX 发布数据，但是该发布始终为空。我尝试使用之前的相关问题来解决这个问题...

jquery ajax asp.net-core razor-pages frombodyattribute

回答 1 投票 0

无法设置select2的值

我已经初始化了一个select2 用通过 AJAX 请求生成的列表填充它。它有一个

javascript jquery ajax jquery-select2

回答 1 投票 0

如何使用flask和AJAX上传图片

我是 Flask 新手，我有一个简单的问题如何在 Flask 中使用 ajax 上传图像，我尝试了下面的代码，似乎表单数据是空的，并且总是停留在消息 &

javascript ajax flask flask-wtforms

回答 1 投票 0

使用 AJAX 操作 $_session

我确信有一个解决方案，我已经尝试用谷歌搜索我要找的东西，但还没有答案，所以这是我的小问题，我有一个带有验证码的表格，验证码把它写成原串...

php ajax session captcha

回答 2 投票 0

从 OpenAI API 请求时出现 400 错误

var openairequest = new XMLHttpRequest(); 常量有效负载 = ({ “型号”：“文本-davinci-003”， "prompt": "说这是一个测试" }); 控制台.log（有效负载）

javascript json ajax openai-api

回答 1 投票 0

Ajax post在js文件中

我的 javascript 有问题.. 通常情况下，我在页脚页面 jquery 和 ajax post 上可能执行了 100 次。但是这次我必须在 javascript 文件中执行此操作。我对 jsript 和 jquer 很不擅长...

javascript html ajax

回答 1 投票 0

如何编写phpsender.php文件？

我遇到了类似的问题，我完全不知道在 phpsender.php 文件上写什么。这是我的案例：我有一个表格，分为两个或三个阶段，客户需要填写。他们首先形成

javascript php ajax

回答 2 投票 0

跨域jquery get

我看到了一些使用ajax跨域的例子，但它不起作用。我看到了一些使用ajax跨域的例子，但它不起作用。 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> </head> <body> <script type="text/javascript" > $(document).ready(function () { var url = "http://api.twitter.com/1/statuses/user_timeline.json?screen_name=AssasNet&include_rts=1"; $.get(url, function (data) { console.log(data) alert(data); }); }); </script> </body> </html> 我在chrome上尝试，出现以下错误： XMLHttpRequest cannot load http://api.twitter.com/1/statuses/user_timeline.json?screen_name=AssasNet&include_rts=1. Origin null is not allowed by Access-Control-Allow-Origin. 您不能使用 $.get，因为它会执行 ajax 调用，这将是跨源的，因此会被同源策略阻止，并且您尝试访问的 Twitter API 不支持 Cross- Origin 资源共享（或者如果允许，它不允许 origin null 或 http://jsbin.com，这是我尝试过的）。 API 确实支持 JSONP （这不是真正的 ajax 调用），因此只需将 $.get 更改为 $.ajax 并指定 JSONP 即可： $.ajax({ url: url, dataType: "jsonp", success: function (data) { console.log(data) alert(data); } }); 实例 | 来源我尝试了“vdekogreen.com/roof-garden”，但我收到了一个错误。您能解释一下吗？

javascript jquery ajax twitter

回答 2 投票 0

Laravel - 从 SQL 获取过滤数据并使用无限滚动分页 - 滚动后我仍然获得所有数据

当我使用带有无限滚动分页的 Laravel 分页并且在排序和过滤后还从 SQL 获取数据时，当我刷新页面时我得到了正确的数据，但是在滚动后我

ajax laravel eloquent pagination infinite-scroll

回答 2 投票 0

使用XMLHttpRequest时权限被拒绝。打开跨浏览器访问

我正在尝试访问 XMLHTTPRequest.open 方法，我什至包含了 netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead"); 但它仍然不起作用。我正在使用 JavaScript...

ajax xmlhttprequest

回答 5 投票 0

ajax 的结果在克隆元素 html 中重复（来自数组）

在 php 中，有一个包含类别中的项目的数组。可以有几个类别。任务是根据所选类别制作一个产品表。如果选择的类别是两个或更多...