ajax 相关问题

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

无法获取从 AJAX 传递到我的 API 控制器的 searchValue、orderColumn、orderDirection

因此,为了获取数千个数据集并使用ajax获取数据,我尝试将数据表服务器端集成到我的API中。 这是我的 API 代码 [HttpGet("获取服务器数据")] ...

回答 1 投票 0

如何按相关性和日期降序对搜索结果进行排序? (Ajax 不会覆盖)

如何将代码片段添加到我的 search.php 中,以使我们网站的搜索结果按相关性和 ndate 降序加载? (这样我就可以根据需要手动设置日期来订购结果。)

回答 1 投票 0

如何调用模态窗口,从数据库获取数据,在窗口中显示,根据用户的请求保存更改

我在我的项目中使用flask和psycopg2。 有一个页面“付款列表”,表格包含付款列表,经理希望查看卡以及通过cl编辑数据的能力...

回答 1 投票 0

Ajax 调用 Web 服务 - 缺少参数错误

我花了一天的大部分时间研究这个问题,但我已经无计可施了。 我正在尝试使用 AJAX 从函数调用 Web 服务,但不断收到缺少参数的错误。 我有广告...

回答 1 投票 0

ASP MVC Core、Telerik Grid 在 Ajax 调用后不刷新

有人可以帮忙吗: 我正在尝试使用 html select 通过 ajax 调用将选定的计数值发送到控制器,以重新加载 Telerik Kendo 网格,其中包含我的数据库行数...

回答 1 投票 0

Wordpress 文件句柄 - fopen、fwrite 不适用于 $.ajax 或 $.post Jquery

我正在为网站中完成的所有操作创建一些日志,这些日志可以存储在 .txt 文件中。 我的 php 代码在正常加载时工作正常,但是当我使用 ajax 时,我似乎没有阅读

回答 2 投票 0

文件上传+重定向Laravel后连接超时

对于我使用 Laravel 制作的订单系统,用户可以上传与订单相关的文件。这些通过 ajax 调用发送并由 Laravel 控制器处理,然后重新加载页面......

回答 2 投票 0

我的ajax请求回调整个代码页

我只想用 Laravel 中的按钮保存,但是当使用控制台日志时,我在控制台 idk 中得到完整的代码,为什么会发生这种情况? 这是我的输入和按钮 我只是想用 laravel 中的按钮保存,但是当使用控制台日志时,我在控制台 idk 中得到完整的代码,为什么会发生这种情况? 这是我的输入和按钮 <form action="{{ url('sendcom') }}" method="post"> @csrf <input type="text" id="editor" name="Name"> <button type="submit" id="btn" name="submit" value="Submit"> submit </button> </form> 我像这样使用ajax: <script type="text/javascript"> $(document).ready(function(){ $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $("#btn").click(function(e){ e.preventDefault() var data = $('#editor').val() $.ajax({ type: "post", url: "{{ route('sendcom') }}", data: { data: data }, success: function(res){ console.log(res); } }); }); }); </script> 我在控制器中得到它,如下所示: public function sendcom(Request $request) { if($request->ajax()){ $content = $request->data; User::updateOrCreate([ 'contract' => $content ]); return response(['success' => 'contract save success.']); } } 但是当我单击“提交”按钮时,它会为我提供整个页面的代码 我也不知道我哪里做错了 这里的 response 关键字实际上是 Illuminate\Http\Response 的一个实例,可以在文档中的 here 看到。这里的 ajax 期望的是一个 JSON 响应,顾名思义,它将作为 javascript 对象使用。 线路: return response(['success' => 'contract save success.']); 应改为: return json_encode(['success' => 'contract save success.']); 这将创建一个要返回的新 json 对象。然后我们可以使用 res.success 访问它来获取消息。

回答 1 投票 0

使用 laravel 更新 sql 查询

我是 Laravel 的新手,我想更新数据库中的数据。 但我真的不知道为什么会收到错误 500。 你能告诉我我的代码是否有问题吗? 如果(状态==...

回答 1 投票 0

Django AJAX 表单提交总是无效

我有一个 Django 项目,其中包含两个表单,我想通过两个单独的 ajax 请求提交这两个表单。第一个 ajax 请求实际上应该填充第二个

回答 1 投票 0

来自c#的FileContentResult通过javascript中的ajax调用另存为pdf

我从 C# 控制器返回 pdf 字节数组,如下所示: 返回新的 FileContentResult(pdfBytes, "application/pdf") { FileDownloadName = "test.pdf" };。 我的客户端代码...

回答 1 投票 0

在 HTML 下拉框中填充 JSON 文件中存储的国家/地区数据列表。 PHP/Javascript/AJAX - 获取双值且未排序

我是新来的,所以如果我听起来很卑鄙,请原谅。 我正在尝试在 HTML 中创建一个下拉框来填充存储在 JSON 文件中的国家/地区列表。国家/地区名称可在...

回答 1 投票 0

第一次实现 telerik RadUpload 控件

我正在我的 asp.net Web 应用程序中实现 telerik RadUpload。我在 web.config 中添加了相应的处理程序和模块条目。 我正在我的 asp.net Web 应用程序中实现 telerik RadUpload。我在 web.config 中添加了相应的处理程序和模块条目。 <add path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" validate="false" /> <add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule" /> 我有一个功能,我需要上传Excel文件,并且需要在上传时看到进度条,直到100%完成。 问题:我想知道如何捕获上传文件的百分比并将其显示在进度区域中。 我的代码(按钮_单击): Const total As Integer = 100 Dim progress As RadProgressContext = RadProgressContext.Current progress.Speed = "N/A" Dim files As UploadedFileCollection = RadUpload1.UploadedFiles Dim up As RadUpload = RadUpload1 If files IsNot Nothing AndAlso 0 <> files.Count Then For i As Integer = 0 To total - 1 progress("SecondaryTotal") = total.ToString() progress("SecondaryValue") = i.ToString() progress("SecondaryPercent") = i.ToString() progress("CurrentOperationText") = files(0).GetName() & " is being processed..." If Not Response.IsClientConnected Then Exit For End If progress.TimeEstimated = (total - i) * 100 ---------ACTUAL UPLOAD FUNCTIONALITY HERE---------- objUpload.CreateBulkUploadRequest(bytes) Next End If Private Sub CreateBulkUploadRequest(bytes) StoreDocumentinImageServer(bytes) End Sub Public Function StoreDocumentinImageServer(ByVal PostData As Byte()) As Integer Try Dim req As HttpWebRequest Dim resp As HttpWebResponse Dim postStream As Stream Dim respStream As StreamReader Dim Url As String Dim response As String = String.Empty Dim ImageId As Integer = 0 Dim qryString As New StringBuilder("?fileSize=") qryString.Append(PostData.Length) qryString.Append("&userId=" + RequestedBy.ToString) qryString.Append("&applicationName=" + RequestType.ToString) qryString.Append("&imageName=" + FileName) qryString.Append("&mode=Insert") Url = ImageServiceUrl + qryString.ToString req = CType(WebRequest.Create(Url), HttpWebRequest) req.Method = "POST" req.ContentType = contenttype req.KeepAlive = True req.ContentLength = PostData.Length postStream = req.GetRequestStream() postStream.Write(PostData, 0, PostData.Length) resp = CType(req.GetResponse(), HttpWebResponse) respStream = New StreamReader(resp.GetResponseStream(), Encoding.Default) response = respStream.ReadToEnd() respStream.Close() resp.Close() Catch ex As Exception Throw ex End Try End Function 问题----现在CreateBulkUploadRequest()方法是同步的,需要10分钟才能上传并最终从方法执行中出来。现在意味着我将如何更新进度区域和文件上传状态的百分比。 我最大的问题是 CreateBulkUploadRequest() 在进度条更新代码的循环中。 所以它会调用尽可能多的次数来尝试更新进度区域。 我做对了吗????????? 如果我的问题不清楚,请告诉我。 期待任何建议。 您不必自己处理进度信息的显示,它应该自动完成。看看这个示例代码。 如果您只是使用 RadUpload 和进度区域来检查上传的百分比,那么您不需要在代码隐藏中添加任何其他代码。 这个演示中提到的代码(标记)应该足够了。 但是,如果您想要一些自定义进度监控(您似乎正在使用提供的代码执行此操作),则需要稍微不同地处理此问题。 此演示涵盖了如何实施自定义进度监控。我会仔细检查您已实现的代码是否与该演示中的示例一致。

回答 2 投票 0

为什么 jQuery 将响应包装在数组中?

我正在使用带有返回 JSON 对象的端点的 API。使用 jQuery 调用 API 时,结果是包含该对象的数组。为什么? 从浏览器(https://example.com/api/element...

回答 1 投票 0

通过ajax将大型laravel集合作为变量发送到控制器是否安全且可能?

我想从 html 按钮发送 laravel 集合 按钮: 我想从 html 按钮发送 laravel 集合 按钮: <button url="{{ route('get.pk',$pm) }}" data-pm="{{ json_encode($pm) }}"> <i class="fa fa-arrow-down text-white"></i> </button> ajax请求: let pm = $(this).data('pm'); if(check.length < 2){ $.ajax({ url: ini.attr('url'), method: "POST", dataType: 'json', data: {_token: "{{ csrf_token() }}", pm: pm}, }).done(function(data){ $(loc).replaceWith(data); }).fail(function(data){ $(loc).replaceWith('<tr><td colspan="16"><div align="center">Failed!</div></td></tr>'); }); } 在 Laravel 控制器中: $pmData = $request->input('pm'); 我想使用来自ajax的变量,但是它安全吗?因为我正在发送大量收藏。 我想使用它的原因是因为我渴望从 $pm 加载并且数据已经在那里被过滤,所以我不想发送 id 并再次过滤它,而是只想过滤一次并将其发送到控制器以使用它. 这样,当我单击箭头时,它会返回该行子级的数据 首先,我收到错误 max_input_vars 但我已经通过增加 php.ini 来修复它,但我想知道它是否安全并使我的网站性能变差? 或者除了这个方法之外还有其他方法来过滤数据吗,如果有请告诉我,谢谢 这个方法不好。在客户端保存所有必要的数据并将其发送到后端的概念是不好的。下面列出了一些(但不是全部)为什么它是一个糟糕的解决方案。 安全性,用户将能够查看私有数据或在 JSON 中添加某些内容并将其发送到后端,如果您不验证后端请求中的所有数据,则 DB 中将存储错误和危险的数据。 表现不佳。正如您已经说过的数据很大,所以发送大数据不是最佳方式。 不遵循任何概念。 最好发送 id、状态或表单中的任何字段,但不发送集合。 这是可能的,但不是一个好的选择,我将尝试解释潜在的问题和解决这些问题的适当方法,如果您仍然想继续,可以通过 Ajax 将大型 Laravel 集合作为变量发送到控制器,但是有关于安全性和性能,需要牢记一些注意事项。 安全 网络延迟: 通过 Ajax 发送大量数据可能会由于通过网络传输数据所需的时间而引入额外的延迟。对于中等规模的集合来说,这可能不是一个重要问题,但对于非常大的集合来说,它可能会影响用户体验。 服务器处理 在服务器端,处理大型集合可能会消耗更多内存和 CPU 资源。如果同时处理多个大型请求,这可能会影响应用程序的响应能力。 替代品 分页 考虑在服务器端实现分页,而不是立即发送整个集合。这样,您只需将数据的子集发送给客户端,他们就可以根据需要请求更多页面。 服务器上的过滤 既然您提到数据已经在客户端集合中进行了过滤,请考虑是否可以将过滤器参数发送到服务器并在那里应用过滤。这可以帮助减少传输的数据量,同时确保过滤逻辑的一致性。 缓存 根据数据的性质,您也许能够实施缓存策略,以减少重复过滤和处理相同数据的需要。 总之,您可以在这里做您想做的事情,但这应该在计划中采取适当的安全措施来完成。

回答 2 投票 0

TradingView:尝试搜索交易品种时出现 403 禁止

我正在开发一个使用 TradingView 小部件的应用程序,我可以访问他们的图表库 API,我有很多交易品种,我想将图表与我拥有的交易品种相匹配。 最好的方法我

回答 1 投票 0

无需使用提交按钮或在 PHP 和 AJAX 中重定向即可上传图片

这可能看起来像重复的,但我还没有找到完全符合我的需求的东西。我想通过在文件浏览器中选择一个文件来将图像上传到文件夹,无需提交按钮...

回答 2 投票 0

如何在Jquery-Select2中设置多值选择中的选定值?

我正在将下拉列表与 Jquery-Select2 绑定。它工作正常,但现在我需要使用 Jquery-Select2 绑定我的多值 selectBox。 我的下拉菜单 我正在使用 Jquery-Select2 绑定我的下拉菜单。它工作正常,但现在我需要使用 selectBox 绑定我的多值 Jquery-Select2。 我的下拉菜单 <div class="divright"> <select id="drp_Books_Ill_Illustrations" class="leaderMultiSelctdropdown Books_Illustrations" name="drp_Books_Ill_Illustrations" multiple="" > <option value=" ">No illustrations</option> <option value="a">Illustrations</option> <option value="b">Maps</option> <option value="c">Portraits</option> </select> </div> 从此链接http://ivaynberg.github.com/select2/我正在使用多值选择框,我可以绑定我的下拉菜单 $("dropdownid").Select2() 它工作正常,但现在我需要在编辑模式下将所选值放入我的下拉列表中所以我使用这个示例: $(".Books_Illustrations").select2("val", ["a", "c"]); 它正在工作,但我该如何修复我的选择,因为用户可以选择任何内容。所以我不能静态地编写 a,c 这就是为什么我需要在编辑模式下动态绑定我的选定值。 我想现在你们都清楚我的要求了。如果您需要进一步的许可,请告诉我。 实际上你只需要 $.each 来获取所有值,它将帮助你jsfiddle.net/NdQbw/5 <div class="divright"> <select id="drp_Books_Ill_Illustrations" class="leaderMultiSelctdropdown Books_Illustrations" name="drp_Books_Ill_Illustrations" multiple=""> <option value=" ">No illustrations</option> <option value="a" selected>Illustrations</option> <option value="b">Maps</option> <option value="c" selected>selectedPortraits</option> </select> </div> <div class="divright"> <select id="drp_Books_Ill_Illustrations1" class=" Books_Illustrations" name="drp_Books_Ill_Illustrations" multiple=""> <option value=" ">No illustrations</option> <option value="a">Illustrations</option> <option value="b">Maps</option> <option value="c">selectedPortraits</option> </select> </div> <button class="getValue">Get Value</button> <button class="setValue"> Set value </button> <div class="divright"> <select id="drp_Books_Ill_Illustrations2" class="leaderMultiSelctdropdown Books_Illustrations" name="drp_Books_Ill_Illustrations" multiple=""> <option value=" ">No illustrations</option> <option value="a" selected>Illustrations</option> <option value="b">Maps</option> <option value="c" selected>selectedPortraits</option> </select> </div> <div class="divright"> <select id="drp_Books_Ill_Illustrations3" class=" Books_Illustrations" name="drp_Books_Ill_Illustrations" multiple=""> <option value=" ">No illustrations</option> <option value="a">Illustrations</option> <option value="b">Maps</option> <option value="c">selectedPortraits</option> </select> </div> <button class="getValue1">Get Value</button> <button class="setValue1"> Set value </button> 剧本: var selectedValues = new Array(); selectedValues[0] = "a"; selectedValues[1] = "c"; $(".getValue").click(function() { alert($(".leaderMultiSelctdropdown").val()); }); $(".setValue").click(function() { $(".Books_Illustrations").val(selectedValues); }); $('#drp_Books_Ill_Illustrations2, #drp_Books_Ill_Illustrations3').select2(); $(".getValue1").click(function() { alert($(".leaderMultiSelctdropdown").val()); }); $(".setValue1").click(function() { //You need a id for set values $.each($(".Books_Illustrations"), function(){ $(this).select2('val', selectedValues); }); }); 我发现这篇文章很旧,但 select2 的工作方式现在已经发生了变化,这个问题的答案非常简单。 在多选2中设置值如下 $('#Books_Illustrations').val([1,2,3]).change(); 不再需要在 jquery 中指定 .select2,只需 .val 有时您不想触发 change 事件,因为您可能还有一些其他代码要执行,如果您使用上面的方法,就会发生这种情况,所以为了解决这个问题,您可以在不触发的情况下更改值像这样的change事件 $('#Books_Illustrations').select2([1,2,3], null, false); 如果这不起作用,您也可以这样做以不触发更改事件 $('#Books_Illustrations').select2(); $('#Books_Illustrations').val('some_value'); 所以我认为你想要默认选择2个选项,然后获取它的值?如果是这样: http://jsfiddle.net/NdQbw/1/ <div class="divright"> <select id="drp_Books_Ill_Illustrations" class="leaderMultiSelctdropdown Books_Illustrations" name="drp_Books_Ill_Illustrations" multiple=""> <option value=" ">No illustrations</option> <option value="a" selected>Illustrations</option> <option value="b">Maps</option> <option value="c" selected>selectedPortraits</option> </select> </div> 并获得价值: alert($(".leaderMultiSelctdropdown").val()); 设置值: $(".leaderMultiSelctdropdown").val(["a", "c"]); 您还可以使用数组来设置值: var selectedValues = new Array(); selectedValues[0] = "a"; selectedValues[1] = "c"; $(".Books_Illustrations").val(selectedValues); http://jsfiddle.net/NdQbw/4/ 使用 select2 jquery 库: $('#selector').val(arrayOfValues).trigger('change') var valoresArea=VALUES // it has the multiple values to set separated by comma var arrayArea = valoresArea.split(','); $('#area').select2('val',arrayArea); This is with reference to the original question $('select').val(['a','c']); $('select').trigger('change'); 看看这个会有帮助的。 var valoresArea=VALUES // it has the multiple values to set, separated by comma var arrayArea = valoresArea.split(','); $('#area').val(arrayArea); 网址是- 链接 您可以将选定的值添加到 array 中并将其设置为默认选择的值 例如: var selectedItems =[]; selectedItems.push("your selected items"); .. $('#drp_Books_Ill_Illustrations').select2('val',selectedItems ); 试试这个,这肯定有效! 这行不通。即使列表中两个选项均可用,也仅预先选择一个值,仅显示第一个值 ('#searchproject').select2('val', ['New Co-location','Expansion']); 使用 select2 库有 2 种设置值的方法 1.当存在单个值时,您可以将其作为字符串传递 $("#elementid").select2("val","valueTobeset") 2.当您将 select2 与多选选项一起使用时,您可以将值数组传递给 select2,所有这些值都将被设置 var arrayOfValues = ["a","c"] $("#elementid").select2("val",arrayOfValues) 请记住,您可以通过传递数组来设置多选的单个值,也像这样 var arrayOfValues = ["a"] $("#elementid").select2("val",arrayOfValues) 使用如下多选功能。 $("#drp_Books_Ill_Illustrations").val(["val1", "val2"]).trigger("change"); 选择全部 $('select[name=eventsFilter]').find('option').attr('selected', true); $('select[name=eventsFilter]').select2(); 取消选择全部 $('select[name=eventsFilter]').find('option').attr('selected', false); $('select[name=eventsFilter]').select2(""); 不需要做那么多事情。 使用多个 select2 设置值 var selectedvalue =“1,2,3”; //如果选择了前 3 个产品。 $('#ddlProduct').val(selectedvalue); $('#area').select2().val(arrayArea).trigger('change'); 我以前很喜欢这个,我正在使用 select2 version4。我得到结果了 这对我有用: $(".Books_Illustrations").val(["a", "c"]).trigger('change'); 使用如下多选功能。 $('#drp_Books_Ill_Illustrations').multiSelect('select', 'value');

回答 16 投票 0

我可以使用 FormData 对象通过 ajax 调用将包含图像的对象列表从视图发送到控制器吗?

我有一个包含图像文件的表单列表,并使用 jquery 收集它们并尝试将它们发送到控制器,我尝试发送一个包含图像的表单,并且工作正常,但是当我发送时...

回答 2 投票 0

Codeigniter 4 在 AJAX 模式中重用 CSRF 令牌

场景: 我正在开发 CMS 系统,我想向对象添加一些类别(页面、帖子、媒体等)。在我看来,为了保存一个新类别,我使用放置在 Bootstrap 模式中的 HTML 表单,我...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.