ajax 相关问题

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

我如何知道哪些 AJAX 请求同时发生？

一般来说，对于性能测试和 Web 架构来说有点陌生，但是当查看正在调用的 AJAX 请求时，我如何知道哪些请求同时被调用，哪些请求被同时调用......

javascript ajax jmeter performance-testing jmeter-5.0

回答 1 投票 0

POST http://domain/wp-admin/admin-ajax.php 400（错误请求）

我已经设置了一个使用 AJAX 将数据发送到数据库表的表单，但在提交表单时收到“400 Bad Request”错误。这是我的设置：我的 WordPress 网站中有一个表单...

javascript php html ajax wordpress

回答 1 投票 0

Wordpress Ajax 过滤器返回 ajax 400（错误网关）

我有一个简单的程序尝试在wordpress中使用ajax过滤帖子。我已经尝试了一切，但无论我做什么，ajax 都会返回 400m 错误，任何人都可以看到我的代码有什么问题......

jquery ajax wordpress categories enqueue

回答 1 投票 0

$.post 失败并出现错误“...不是函数”

这是我的代码： var jqxhr = $.post("mypage.php", {url:pageurl}, function() { 警报（“正在获取...”）； }) .success(function() {alert("获取完成！"); }) .error(function() {alert("错误！");...

javascript jquery ajax post

回答 5 投票 0

React JS - 未捕获类型错误：this.props.data.map 不是函数

我正在使用reactjs，并且在尝试显示JSON数据（来自文件或服务器）时似乎无法阻止此错误：未捕获的类型错误：this.props.data.map 不是函数我看过...

javascript ajax json reactjs

回答 18 投票 0

Ajax POST 请求适用于本地主机，但不适用于网站

我正在开展一个可以搜索化合物的项目。我的搜索栏有自动完成功能，但在托管网站时出现错误。这是我得到的错误：恩卡...

javascript php ajax

回答 1 投票 0

如何在 Razor Pages 中记录 HTML 表格中的信息？

我使用 Razor 页面创建了一个页面，在其中使用 OnGetAsync 方法中的过程来进行工资计算。我想保存在 HTML 表中生成的相同信息

jquery sql-server ajax asp.net-core razor-pages

回答 1 投票 0

使用 jQuery 和 Perl 的数据表问题

我需要有关数据表数据处理的帮助我的服务器端处理（数据表）下面的脚本有问题，它不显示来自后端脚本的数据问题是它挂了......

javascript jquery ajax perl

回答 1 投票 0

是否可以在 extjs 商店中使用自定义变量？

目前我正在开发一个使用ExtJs（版本5.0.1）的项目。现在，由于我经常创建商店，因此我想创建某种模板来复制甚至扩展。所以我很恼火地编辑...

ajax extjs extjs4 store

回答 1 投票 0

使用ajax调用将模型作为列表从视图传递到控制器

我在尝试使用ajax调用发送实际上是一个List的整个模型时遇到了麻烦。提供以下代码： @型号列表我在尝试发送我的整个模型时遇到了麻烦，它实际上是使用 ajax 调用的List<Account>。提供以下代码： @model List<ValidationAccount> <input type="button" id="SubmitAccounts" value="Final Proceed"> $("#SubmitAccounts").click(function () { $.ajax({ url: '/setupAccounts/ActivateAccounts', type: 'POST', contentType: 'application/json; charset=utf-8', cache: false, dataType: 'json', data: JSON.stringify(Model), success: function (data) { $(body).html(data); }, error: function (data) { } }); }); 我尝试过使用简单的 Model 和 @Model 但不起作用。在这种情况下我能做什么？（所以我想作为数据传递我的模型（我的列表））。更新方法签名： [HttpPost] public string ActivateAccounts(List<ValidationAccount> Accounts) { return "Success"; } 更新2 我的型号： public class ValidationAccount { public string Faculty { get; set; } public string Programme { get; set; } public string Year { get; set; } public string Email { get; set; } } 谢谢。使用 @Model 将返回集合的名称，例如 "System.Collections.Generic.List[YourAssembly.ValidationAccount]"，而不是集合中的对象。您可以将集合序列化到 ViewBag，然后将其发回（未测试），但双向发送数据似乎对性能造成不必要的影响。相反，您可以将 Proceed 方法的过滤结果存储在会话中，并在 ActivateAccounts 方法中检索它，以避免发回任何内容。这样做： data: { Accounts: JSON.stringify('@Model') } 并将 traditional 属性设置为 true: data: { Accounts: JSON.stringify('@Model') }, traditional:true 更新： var accounts= { Accounts: '@Model' }; 和： $.ajax({ type: 'POST', url: '/{controller}/{action}', cache: false, data: JSON.stringify(accounts), dataType: 'json', contentType: 'application/json; charset=utf-8' }); 您必须首先将数据解析为 json 尝试 var parsedData = @Html.Raw(Json.Encode(Model)); // This will change the model to json 然后将 parsedData 传递给 ajax 调用 $("#SubmitAccounts").click(function () { $.ajax({ url: '/setupAccounts/ActivateAccounts', type: 'POST', contentType: 'application/json; charset=utf-8', cache: false, dataType: 'json', data: parsedData, success: function (data) { $(body).html(data); }, error: function (data) { } }); }); 希望这有帮助。将整个模型传递回控制器方法的最佳方法是序列化表单，如下所示... $(document).ready( function() { var form = $('#Form1'); $('#1stButton').click(function (event) { $.ajax( { type: "POST", url: form.attr( 'action' ), data: form.serialize(), success: function( response ) { console.log( response ); } } ); } ); } 注意：您用来触发导致通过ajax post提交表单的事件的按钮不应该是submit类型！否则这永远会失败。在您的 .cshtml 中，导入 System.Text.Json，然后像 @JsonSerializer.Serialize(Model.ToList())) 一样使用它 @model IEnumerable<Ticket> @using System.Diagnostics; @using System.Text.Json; @if (Model.Count() > 0) { <div id="ticketGrid"> <table > <thead> // ... <th scope="col"> <span class="d-flex"> <button style="all:unset" onclick="toggleOrder(@JsonSerializer.Serialize(Model.ToList()))"> </button> @Html.DisplayNameFor(model => model.Issue.UpdatedOn) </span> </th> // ... </thead> <tbody height="80px" class="overflow-y-auto"> @foreach (var item in Model) { <tr scope="row"> // ... </tr> } </tbody> </table> </div> } 在 Ajax 中，使用 JSON.stringify(your-model) 和 contentType: 'application/json' <script> function toggleOrder(tickets) { $.ajax({ method: 'POST', url: '/Ticket/ToggleOrder', data: JSON.stringify(tickets), contentType: 'application/json', // dataType: 'json', success: function (viewData) { $("#ticketGrid").html(viewData); } }); }; </script> 在您的控制器中，使用 [HttpPost] public async Task<IActionResult> ToggleOrder([FromBody] List<Ticket> tickets) { // do something ... // return Json or PartialView // return Json(new { data = ticketsToReturn }); return PartialView("_TicketGrid", ticketsToReturn.ToList()); }

c# asp.net ajax asp.net-mvc-4

回答 5 投票 0

使用自定义 DELETE 方法时 Symfony 和 AJAX 的 CSRF 令牌验证问题

我在使用 AJAX 删除所选项目时尝试验证 Symfony 应用程序中的 CSRF 令牌时遇到问题。这是我的设置的概述：当尝试删除选择时...

php jquery ajax symfony csrf-token

回答 1 投票 0

反序列化时值不能为空

模型过滤器： { "开始日期从":"", "开始日期到":"", “状态”：“54C0028F-5A26-4DB9-AC90-B1871E9D3F08”， “结束日期自”...

c# ajax serialization json.net deserialization

回答 1 投票 0

Laravel 中通过 AJAX 获取的数据未按预期以 HTML 形式显示

HTML代码： HTML代码： <div class="col-lg-8"> <input id="searchInput" type="search" class="form-control" placeholder="Search doctors here"> </div> <div class="col-lg-12 pt-5"> <div class="row" id="doctorsContainer"> </div> </div> Ajax 代码： $(document).ready(function () { function fetchDoctorsData() { $.ajax({ url: "{{ url('get_doctor') }}", type: 'GET', dataType: 'json', success: function (response) { console.log(response); displayDoctors(response.data); }, error: function (xhr, status, error) { console.error(xhr.responseText); }, }); } function displayDoctors(doctors) { var doctorsHtml = ''; if (doctors && doctors.length > 0) { doctors.forEach(function (doctor) { var doctorHtml = ` <div class="col-lg-4"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col-lg-4"> <img src="{{ asset('/uploads/doctor/') }}/${doctor.doctor_image}" alt="user-avatar" class="img-fluid rounded" /> </div> <div class="col-lg-8"> <h6 class="text-muted text-uppercase"><i class="fa-solid fa-shield-halved"></i> ${doctor.doctor_speciality}</h6> <p class="text-muted"> <span class="badge bg-${doctor.doctor_status == 0 ? 'danger' : 'success'} rounded"><i class="fa-solid fa-bolt" style="color: #ffff;"></i> ${doctor.doctor_status == 0 ? 'InActive' : 'Active'}</span> </p> </div> <div class="text-center pt-4"> <p class="docname">${doctor.doctor_prefix}.${doctor.doctor_name}</p> </div> <div class="d-flex justify-content-around gap-4"> <a href="tel:${doctor.doctor_phone}" class="btn btn-link text-decoration-none" data-bs-toggle="tooltip" title="${doctor.doctor_phone}"> <i class="fas fa-phone fa-xl"></i> </a> <a href="mailto:${doctor.doctor_email}" class="btn btn-link text-decoration-none" data-bs-toggle="tooltip" title="${doctor.doctor_email}"> <i class="fas fa-envelope fa-xl"></i> </a> </div> <div class="pt-2"></div> <button class="btn btn-primary w-100">View Details</button> </div> </div> </div> </div>`; doctorsHtml += doctorHtml; }); } else { doctorsHtml = '<p>No doctors found.</p>'; } $('#doctorsContainer').html(doctorsHtml); } fetchDoctorsData(); $('#searchInput').on('input', function () { var query = $(this).val().trim(); if (query.length >= 3) { searchDoctors(query); } else { fetchDoctorsData(); } }); function searchDoctors(query) { $.ajax({ url: "{{ url('search') }}", type: 'GET', dataType: 'json', data: { query: query }, success: function (response) { displayDoctors(response.data); }, error: function (xhr, status, error) { console.error(xhr.responseText); }, }); } }); 当我在 #searchInput 字段中输入搜索查询时，就会出现问题。尽管 AJAX 请求已发送到服务器并且响应数据已记录到控制台，但搜索结果并未显示在 #doctorsContainer div 中。控制器： public function search(Request $request) { $id = Session::get('USERID'); $clientId = Crypt::decrypt($id); $keyword = $request->input('query'); Log::info('Search keyword: ' . $keyword); $doctors = Doctor::where('client_id', $clientId) ->where(function ($query) use ($keyword) { $query->where('doctor_name', 'like', '%' . $keyword . '%'); }) ->get(); return response()->json(['doctors' => $doctors]); } 我已确保用于获取搜索结果的服务器端逻辑正常运行，并返回与匹配的医生预期的 JSON 响应。任何有关如何排查和解决此问题的见解或建议将不胜感激。谢谢！在您的searchDoctors function中，您期待response.data，但根据控制器的响应，数据实际上位于response.doctors 改变你的Ajax成功回调 success: function(response) { displayDoctors(response.doctors); // Changed from response.data to response.doctors },

php ajax laravel

回答 1 投票 0

WP ajax功能

我在项目中进行 AJAX 调用时遇到 400 错误。我知道这个问题被问了很多次，但我无法弄清楚我的问题。这是我的 JavaScript 代码：函数上传文件() { jQuer...

php jquery ajax wordpress

回答 1 投票 0

Nose JS Express 会话为每个 http 请求接收新会话

这个问题已被问过多次，但没有一个解决方案适合我。在node.js中，我使用express-session和connect-mongodb-session。我的客户端是使用React.js开发的。两者都

javascript node.js reactjs ajax express-session

回答 1 投票 0

未使用 application/json 获取 POST 数据

我正在使用 Backbone、PHP(5.6) 和 Apache(2.4)。问题：当使用 Backbone 的 model.save() 发布数据时，服务器上的 $_POST 数组为空。我知道解决这个问题的不同方法。客户方式：