ajax 相关问题

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

PrimeFaces 组件中的变量更新问题

我有一个在数据表中加载信息的commandLink,逻辑是当变量showPopup为true时,它会显示一个弹出窗口,否则不显示它。变量发生变化

回答 1 投票 0

alpine.k ajax 表单发布到 laravel 路线

我有一个函数可以将带有数据的表单帖子发送到我的 Laravel 应用程序。 异步handleDataSend(dsCommand,dsData){ console.log(dsCommand); 控制台.log(dsData); 数据 = {}; 阿瓦...

回答 1 投票 0

使用 Ajax 更新非 MVC Asp.Net Core 6 RazorPages 上的部分视图

我正在使用 RazorPages(无 MVC)开发 ASP.Net Core 6 Web 应用程序。 RazorPage 包含一个部分视图,我想在模型更新后更新它。模型更新已成功完成

回答 1 投票 0

使用AJAX提交重复的表单数据并保存在laravel的数据库中

我正在制作此表单的副本,我可以通过ajax保存数据,但是当我当时使用锚标记添加相同的表单时,我想要两个表单数据,我该如何使用ajax来做到这一点? 这是我的表格 我正在制作此表单的副本,我可以通过ajax保存数据,但是当我当时使用锚标记添加相同的表单时,我想要两个表单数据,我该如何使用ajax来做到这一点? 这是我的表格 <form action="" method="POST" enctype="multipart/form-data" id="addCustomField"> <input type="text" class="form-control" required id="customInputName" name="customInputName" placeholder="Pool Party" aria-label="Pool Party" <div class="col-md-10"> <div class="form-check mb-2"> <input class="form-check-input" type="checkbox" value="required" id="required" name="validation[]" checked /> <label class="form-check-label" for="required">Required</label> </div> <div class="form-check mb-2"> <input class="form-check-input" type="checkbox" value="alpha" id="alpha" name="validation[]" /> <label class="form-check-label" for="alpha">Alphabets Only</label> </div> <div class="form-check mb-2"> <input class="form-check-input" type="checkbox" value="/^[a-zA-Z\s]+$/" id="alphaSpace" name="validation[]" /> <label class="form-check-label" for="alphaSpace">Alphabets with Space</label> </div> <div class="form-check mb-2"> <input class="form-check-input" type="checkbox" value="number" id="number" name="validation[]" /> <label class="form-check-label" for="number">Number Only</label> </div> </form> 使用javascript我正在制作表单的副本 function duplicateForm() { var elmnt = document.getElementById("addCustomField"); var cln = elmnt.cloneNode(true); document.getElementById("customField").appendChild(cln); } 我想知道如何保存每个表单数据以及如何通过ajax传递,我像这样传递第一个单一表单数据 function insertData(){ $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' } }); var formData = new FormData(); formData.append('customInputName',$('#customInputName').val()); formData.append('inputType',$('#inputType').val()); var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked'); var checkedValues = []; for (var i = 0; i < checkboxes.length; i++) { checkedValues.push(checkboxes[i].value); } formData.append('checkedValues', JSON.stringify(checkedValues)); $.ajax({ type: 'POST', dataType: 'json', url: '{{ url('/inputForm') }}', data: formData, // checkedValues: checkedValues contentType: false, processData: false, success: function(response) { console.log(response); var successDiv = document.getElementById('successMessage'); successDiv.innerHTML = response.message; successDiv.classList.add('alert', 'alert-success'); } }); } 已克隆整个表单,您只能在 div 内容中克隆 <form> <div id="clone"> #your existing code </div> <div class="newclone"> </div> </form> Javascript代码 function appendform() { var newthing = $('#clone').clone(); $('.newclone').append(newthing); } 最后现在像往常一样,您现有的提交代码可以像 Formdata() 一样运行良好 所以现在新的附加字段仅出现在表单内。 对于多个值,您应该验证名称是否应采用数组格式,如 customInputName[]

回答 1 投票 0

当我通过jquery - ajax上传文件时,页面刷新并且响应突然消失。请问有什么支持吗?

文件上传成功后,页面好像刷新了,响应很快就消失了。我的代码是: html 文件上传成功后,页面好像刷新了,响应很快就消失了。我的代码是: html <form id="myform"> <input type="file" name="nfile"> <input type="submit" value="upload"> </form> <div id="status"></div> Jquery 脚本 $(document).ready(function() { $('#myform').on("submit", function(e) { e.preventDefault(); var file_data = new FormData(this); $.ajax({ url: "ajax-data.php", type: "POST", data: file_data, contentType: false, processData: false, success: function(stat) { $('#status').html(stat); } }) }) }) ajax-data.php <?php $filename = $_FILES['nfile']['name']; $temp_name = $_FILES['nfile']['tmp_name']; if (move_uploaded_file($temp_name, $filename)) { echo "File successfully uploaded."; } else { echo "File upload failure."; } ?> 上传成功后没有稳定响应。回应来了,但很快就消失了。我需要一个稳定的反应,它不应该消失,而是永远出现。 第二天!我打开我的电脑并打开我的本地主机。我重新编写了相同的代码。相同的代码运行良好。我想,这是我的 Xampp 或 Internet 浏览器中的一些问题。谢谢大家对我的支持和你们的解答。

回答 1 投票 0

Ajax 无法在 android webview 中工作

我正在webview中加载一个网站,我们在网站中使用了Ajax,它在网络浏览器和移动浏览器上也工作正常,但在android webview中ajax不起作用,控制台中没有错误...

回答 5 投票 0

无法通过ajax使用CKEDITOR插入php数据

我已经包含了CKEDITOR(html编辑器)来操作文本区域中的文本。我只尝试使用 php (没有 ajax)并且数据已成功插入到数据库中。问题是...

回答 3 投票 0

WooCommerce 的 Ajax“加载更多”按钮和 Ajax 过滤器

我找到了 WooCommerce 的加载更多按钮的代码。一开始它工作正常,但是当我使用 Ajax 插件过滤产品时,按钮根本没有响应。 代码链接:https://gith...

回答 1 投票 0

使用谷歌地图API,我需要在输入地址/邮政编码并传递网址后立即获取经度和纬度

使用谷歌地图API,我需要在输入地址/邮政编码或使用jquery/ajax提交表单后立即获取经度和纬度。 一旦点击提交按钮,需要传递 url join 中的所有 3 个值....

回答 1 投票 0

添加 jquery ui css

我想使用jquery ui,但我缺少以下环境中的css: $.ajax({ url: '//code.jquery.com/ui/1.12.1/jquery-ui.js', 数据类型:'脚本', 缓存:真, 成功:函数(){ ...

回答 4 投票 0

如何正确组合2个ajax请求(无需插件)?

我有2个独立的ajax-es, 无尽的加载 产品过滤器 - 按尺寸、颜色、排序,并且可以与分页正确配合。 但过滤后 loarmore 脚本无法正常工作。对于e...

回答 1 投票 0

内部服务器错误:/pluscart/,app.models.Cart.MultipleObjectsReturned:get() 返回了多个购物车 - 它返回了 8

views.py 从 django.db.models 导入计数 从 django.shortcuts 导入渲染、重定向 从 django.http 导入 JsonResponse 从 django.views 导入视图 从 。模型导入产品、购物车、客户...

回答 1 投票 0

Ajax 请求未收到任何响应

我为我正在开发的一个小项目编写了一个ajax函数,但我无法让它运行.done()函数内的代码。该函数应该从 php 接收一个 json 对象(我正在收到响应...

回答 1 投票 0

Woocommerce ajax oad 更多和 ajax 过滤器

我发现了 woocommerce 加载更多按钮的代码,一开始工作正常,但是当我使用 ajax 插件过滤产品时,按钮根本没有响应。 代码链接:https://gi...

回答 1 投票 0

Ajax 调用 keyup 来进行不同的输入并设置超时

我在尝试修复此逻辑时遇到问题。 该页面有多个字段,其想法是当用户停止写入时将输入值保存在数据库中。 这是代码: var 反跳...

回答 1 投票 0

使用 jquery ajax 提交表单后必须刷新页面

所以我有一个页面来显示学生注册的课程,并且该页面中有一个模态表单,所有这些表单都是作为 Laravel Web 项目构建的,该表单的目的是用户可以选择.. .

回答 2 投票 0

Woocommerce 变体 ajax 选择不起作用

我创建了一个产品单页出现在弹出窗口上的功能。所以我所做的是将短代码放在我刚刚制作的弹出窗口上。在弹出窗口上动态显示单个产品是

回答 1 投票 0

更改选项基于使用

我有两个选项卡按钮 - 第一个选项卡是租赁,第二个选项卡是购买。 如果用户单击“租赁”选项卡,则会出现搜索栏。两者可使用相同的字段,但如果单击“租金”选项卡,则“租金”...

回答 1 投票 0

POST 请求不适用于 AJAX 和 Flask,给出错误 415

我是 Flask 和 js 的新手,最近几天一直在尝试将数据从表单 POST 到 API。 以下是 HTML 文件脚本标记中提交按钮的代码: 功能onclic...

回答 1 投票 0

ajax get 在 freemarker 中无法正常工作

我正在尝试使用ajax在屏幕上显示用户列表。然而,我只得到一个对象。就是ftlh文件里的数据因为某种原因没有来。求助,为什么会出现这种情况?还有...

回答 1 投票 0

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