ajax 相关问题

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

如何在struts 2中从响应中排除参数并发送我们想要的对象?

我想要 Ajax 请求的 JSON 结果,但我的要求是仅发送对象的 ArrayList 并排除操作类中存在的一些参数。那么如何做到这一点呢? 这是我的动作课

回答 1 投票 0

如果我运行 AJAX 脚本,数据表按钮不显示

我有下面这两段代码, $(函数(){ $("#example1").DataTable({ “响应式”:true,“lengthChange”:false,“autoWidth&q...</desc> <question vote="1"> <p>我有下面这两段代码,</p> <pre><code>&lt;script&gt; $(function () { $(&#34;#example1&#34;).DataTable({ &#34;responsive&#34;: true, &#34;lengthChange&#34;: false, &#34;autoWidth&#34;: false, &#34;buttons&#34;: [&#34;copy&#34;, &#34;csv&#34;, &#34;excel&#34;, &#34;pdf&#34;, &#34;print&#34;, &#34;colvis&#34;] }).buttons().container().appendTo(&#39;#example1_wrapper .col-md-6:eq(0)&#39;); $(&#39;#example2&#39;).DataTable({ &#34;paging&#34;: true, &#34;lengthChange&#34;: false, &#34;searching&#34;: false, &#34;ordering&#34;: true, &#34;info&#34;: true, &#34;autoWidth&#34;: false, &#34;responsive&#34;: true, }); }); &lt;/script&gt; &lt;script&gt; function getdistrict(val) { $.ajax({ type: &#34;POST&#34;, url: &#34;ajaxfile.php&#34;, data:&#39;state_id=&#39;+val, success: function(data){ $(&#34;#district-list&#34;).html(data); } }); } &lt;/script&gt; </code></pre> <p>如果我删除 AJAX 脚本,按钮就会出现,但我需要这个脚本才能工作。</p> </question> <answer tick="false" vote="0"> <p>使用像这样的旧 jQuery API 的新手错误</p> <pre><code>&lt;script src=&#34;http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js&#34;&gt;&lt;/script&gt; </code></pre> <p>而不是使用这个</p> <pre><code>&lt;script src=&#34;https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js&#34;&gt;&lt;/script&gt; </code></pre> </answer> </body></html>

回答 0 投票 0

Ajax 警报成功消息已停止工作

我有代码,但警报消息不起作用。使用 Firefox - 不确定这是否是问题所在。感谢您的帮助..这是新的。 我的代码: $("#enquiry").on("点击",

回答 1 投票 0

Laravel 5.8 回调 API

我正在使用 Laravel 5.8 开发一个 Web 应用程序,但在最后一步之前陷入困境。 完整的场景是: 因为我正在尝试与第三方公司聚合移动货币支付服务,当...

回答 2 投票 0

AJAX文件上传

我有一个用于上传图像的控件,其上方是一个图像控件。 当用户点击“上传”按钮时,图像会变成显示“等待”消息的动画图像,图像上传后,...

回答 1 投票 0

如何使用Jquery从Json字符串数据中删除双引号

我的 jQuery 脚本如下: jQuery.ajax({ 类型:“获取”, 网址:网址, 数据:'action=getStatus', }).done(函数(响应){ var data = jQuery.parseJSON(response); var test = 数据['

回答 2 投票 0

从控制器更新laravel中的chart.js

当从日期选择器中选择新日期时,我正在尝试更新我的图表中的图表。我想我已经很接近了。 日期通过 AJAX pos 从我的日期选择器传输到我的控制器...

回答 1 投票 0

为什么经过身份验证的 CORS 请求的预检 OPTIONS 请求在 Chrome 中有效,但在 Firefox 中无效?

我正在编写一个 JavaScript 客户端,将其包含在第 3 方网站上(想想 Facebook Like 按钮)。它需要从需要基本 HTTP 身份验证的 API 检索信息。简化的...

回答 4 投票 0

如何使用Ajax请求创建和下载Excel文件

如果用户在我的网页上按下公式按钮,我想创建一个 Excel 文件。我的第一个解决方案效果很好。用户按下按钮,服务器端 java 代码创建文件,然后

回答 2 投票 0

仅在调用回调时才在命名回调函数中评估 jquery 选择器

我有以下代码,它将 div#b 加载到 div#a 中,然后对 div#b 执行某些操作: </script&g...</desc> <question vote="0"> <p>我有以下代码,它将 div#b 加载到 div#a 中,然后对 div#b 执行某些操作:</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;script src=&#34;scripts/jquery.js&#34;&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;script&gt; document.addEventListener(&#39;DOMContentLoaded&#39;, e =&gt; { $(&#39;#a&#39;).load(&#39;test2.html&#39;, {}, // function() { // console.log($(&#39;#b&#39;).attr(&#39;id&#39;)); // returns &#34;b&#34; // $(&#39;#b&#39;).html(&#39;content in #b&#39;); // console.log(&#39;completed&#39;); // } fillB() ); }); function fillB() { console.log($(&#39;#b&#39;).attr(&#39;id&#39;));//returns undefined :( $(&#39;#b&#39;).html(&#39;content in #b&#39;); console.log(&#39;completed&#39;); } &lt;/script&gt; &lt;div id=&#34;a&#34;&gt;placeholder&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>其中 test2.html 包含:</p> <pre><code>&lt;div id=&#34;b&#34;&gt;&lt;/div&gt; </code></pre> <p>我的目标是让回调函数(注释掉)改为命名函数 fillB(),以便我可以在其他地方重用代码。但是,当我这样做时,选择器 $('#b') 返回未定义。 如何让函数 fillB() 在调用时正确执行选择器?</p> </question> <answer tick="false" vote="0"> <p>显然我必须在匿名函数中传递命名回调函数:</p> <pre><code>function() { fillB(); } </code></pre> </answer> </body></html>

回答 0 投票 0

路由 admin/bill 不支持 POST 方法。支持的方法:GET、HEAD

在Laravel中,我使用ajax通过刀片模板从MySQL数据库添加和获取数据,我在onsubmit事件上添加了表单求和。请帮我。 我的代码是。 路线.php 路线::get('管理员...

回答 1 投票 0

在CodeIgniter中使用ajax和php上传多个图像文件

我在将多个图像文件上传到服务器端时遇到问题。如果有人能够突出显示代码的问题所在,那就太好了。 最初有 HTML 代码: 我在将多个图像文件上传到服务器端时遇到问题。如果有人能强调代码的问题是什么,那就太好了。 最初有 HTML 代码: <label class="col-form-label"><h4>Upload Images</h4></label> <div id="image-preview-container"> <!-- Preview images will be displayed here --> </div> <form id="uploadCert" enctype="multipart/form-data"> <input type="file" id="images" name="images" multiple="multiple" accept="image/*" style="display: none;"> <label for="images" class="btn btn-primary"> Add Image </label> </form> </div> 在 JavaScript 中定义 var selectedImages = []; //list of files in array 并捕获每个选定的文件 $("#images").change(function () { var file = this.files[0]; if (file) { ... // Append the container to the image preview container $("#image-preview-container").append(imageContainer); .. // Add the selected image file to the postData.images array selectedImages.push(file); $(this).val(""); } }); 提交后使用 AJAX $('#addcart').click(function () { // Add other form fields to formData var formData = new FormData(); ... formData.append("issuesBody", $("#fbody_").val()); ... if (selectedImages.length > 0) { // Append each selected image to formData for (var i = 0; i < selectedImages.length; i++) { var image = selectedImages[i]; if (image instanceof File) { // If it's a File object, append it to formData formData.append("images[]", image); } } } else { // If no selected images, set images[] to an empty array formData.append("images[]", []); } // Make the AJAX request event.preventDefault(); $.ajax({ url: "addcert", type: "POST", data: formData, dataType:"json", contentType:false, cache:false, processData: false, success: function(data){ // Handle a successful response ... }, error: function (xhr, status, error) { // Handle an error response ... } }); }); }); 在 PHP private function addNewCert(){ // Capture POST data $issuesBody = $this->input->post('issuesBody'); // Not sure if this is the way to capture the posted file data $images = $_FILES['images']; // Upload images to the server $uploadedFiles = $this->uploadimg($images); //Check if image uploads were successful if ($uploadedFiles === false) { // Handle the case where image uploads failed ... echo json_encode($output); return; } ... 最后在 uploadimg() 期间始终显示 'undefined',这里是代码 private function uploadimg($images) { $uploadedFiles = array(); // captured uploaded file name // Loop through each uploaded file for ($i = 0; $i < count($images['name']); $i++) { // Generate a unique file name or use the original name $originalFileName = $images['name'][$i]; $fileExtension = pathinfo($originalFileName, PATHINFO_EXTENSION); $file_name = uniqid() . '_' . $originalFileName; $config['upload_path'] = $this->uploadPath; $config['file_name'] = $file_name; $config['allowed_types'] = 'jpg|jpeg|png|gif'; $config['max_size'] = 2048; $config['encrypt_name'] = TRUE; $this->load->library('upload', $config); // Perform the upload if ($this->upload->do_upload('images')) { $uploadedFiles[] = $file_name; } else { // Handle the case where an upload failed return false; } } return $uploadedFiles; } 实际上,代码中存在不止一个问题。首先,您应该将 $this->load->library('upload',$config) 语句从 for 循环中取出。您需要从列表中的每个文件创建单个文件才能上传。如果我没记错的话,Codeigniter do_upload 方法不适用于多个文件。您可以像下面这样更新您的 uploadimg 方法: private function uploadimg($images) { $uploadedFiles = array(); // captured uploaded file name $config = [ 'upload_path' => './testUploads/', 'allowed_types' => 'jpg|jpeg|png|gif', 'max_size' => 2048, 'encrypt_name' => TRUE, ]; $this->load->library('upload', $config); // Loop through each uploaded file for ($i = 0; $i < count($images['name']); $i++) { // Generate a unique file name or use the original name $originalFileName = $images['name'][$i]; $fileExtension = pathinfo($originalFileName, PATHINFO_EXTENSION); $file_name = uniqid() . '_' . $originalFileName; $config['file_name'] = $file_name; $this->upload->initialize($config); $_FILES['singleImage']['name'] = $file_name; $_FILES['singleImage']['type'] = $images['type'][$i]; $_FILES['singleImage']['tmp_name'] = $images['tmp_name'][$i]; $_FILES['singleImage']['error'] = $images['error'][$i]; $_FILES['singleImage']['size'] = $images['size'][$i]; // Perform the upload if ($this->upload->do_upload('singleImage')) { $uploadedFiles[] = $file_name; } else { // Handle the case where an upload failed return false; } } return $uploadedFiles; } P.S 我明白了,您正在生成一个更易读的文件名。如果您想查找具有该命名结构的文件,您应该将配置数组中的 encrypt_name 字段设置为 false。

回答 1 投票 0

XMLHttpRequest 基本身份验证失败

知道为什么 Pebble JS 框架中具有正确凭据的 XMLHttpRequest 在 Android 上无法进行基本身份验证,但在 iOS 上却可以工作吗? 完全相同的代码,大致如下: var 请求 = 新

回答 2 投票 0

错误返回文档的完整代码。错误说解析和语法错误,但找不到任何错误。 jQuery、AJAX、PHP、MySQL、JSON

我花了一周时间试图解决这个问题,但没有成功。 Google 和 ChatGPT 都没有帮助。类似的问题似乎不同,不足以解决我的问题。 addUser() 函数的 AJAX 是

回答 1 投票 0

进度条在 AJAX 表单输出中不起作用 [已关闭]

我有一个简单的ajax表单。但进度条不适用于 ajax 表单输出,它会冻结。我在页面上放置了一个示例,以便您可以看到它正常工作。 我的目标是能够提供...

回答 3 投票 0

如何根据提交的赞成票/反对票表单来增加/减少INT?

嗨,我正在尝试创建一个带有赞成票/反对票的简单论坛,但我无法获取以“1”或“-1”形式提交的值,每次我提交投票时,它都会以“0&.. .

回答 1 投票 0

jquery @提及使输出成为链接

大家好,我正在使用 Hawkee 的这个插件。它就像 Twitter,你可以在其中@提及某人。我的输出有问题。这个方法: 更新隐藏:函数(){ var 触发器 = this.

回答 1 投票 0

动态加载元素内的Htmx功能,通过自定义JS在动态加载元素上初始化htmx

动态加载具有 htmx 属性的元素后,htmx 功能似乎不会在动态加载的元素上激活。重要的是要知道动态加载的元素......

回答 1 投票 0

在服务器上找到ajax URL调用的位置

这是我第一次听说ajax。现在我有一个完美的工作脚本来使用armcharts绘制数据。这个数据的来源似乎是ajax调用,它是这样的。 $.ajax("myChan...

回答 1 投票 0

使用 jQuery ajax 调用 Web API 时,如果存在错误消息或成功消息,如何返回错误消息或成功消息?

我从事 asp.net MVC 应用程序。我遇到问题,在调用操作 RequesterIndex 控制器 Resignation 时无法显示错误消息或成功消息。 使用ajax请求调用API工作原理...

回答 1 投票 0

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