AJAX(异步JavaScript和XML)是一种通过客户端和服务器之间的异步数据交换来创建无缝交互式网站的技术。 AJAX有助于与服务器进行通信或部分页面更新,而无需传统的页面刷新。
如何将文件上传到服务器宽度media_handle_upload?
我在创建帖子时遇到问题,特别是上传帖子图片时遇到问题。这个想法是未经授权的用户提交竞赛申请。付款成功后,我发送表格...
我正在 RoR 项目中实现 FullCalendar,当我尝试更新一行时出现此错误: 补丁http://127.0.0.1:3000/events 404(未找到) 这是当我 c...
我的 HTML 页面有 10 个文本字段。 目前,所有十个字段都没有可用的 onChange EVENT。 <...
如何在 Getform 和 Ajax 表单提交中使用 hCaptcha 回调?
我正在使用 Getform https://getform.io/ 作为 Javascript 联系表单,以及 hCaptcha hcaptcha.com。 GetForm 完全支持 hCaptcha https://docs.getform.io/features/spam-filtering/hcaptcha/ 。但是
我需要一个由ajax调用的PHP文件,以便在select的值发生变化时通过AJAX调用另一个文件。 例子: -文件1.php 显示标题等。 对 file2.php 进行 Ajax 调用 文件2.php 演出
使用jquery或类似ajax重新加载WordPress页面的一部分
嗨,我是一名新程序员,我想更新我的 WordPress 页面内容的一部分,这是来自 php 文件的短代码,而不刷新整个页面。 但我不知道如何在
通过 PHP 使用 SQL 数据库中的数据填充 HTML 加载上的文本区域
我请求您在 HTML、JavaScript、jQuery、ajax、PHP 和 MySQL 方面提供帮助。遗憾的是,我无法提供任何代码(只有一个),因为我没有任何实际有效的代码。因为我不是编码员,所以......
在 WP_User_Query 中使用模板部分时如何获取用户的 ACF 数据?
在执行 WP_User_Query 返回用户列表时,我使用模板部分重复每个结果的 HTML。但是我发现高级自定义字段数据没有返回。 //
我正在尝试使用 AJAX 从 WordPress 插件中的 php 函数获取数据。我需要补充一点,这些钩子对我来说完全令人困惑......我正在玩 https://codex.wordpress 的示例......
我在 asp.net mvc 应用程序 Ajax 请求调用上工作,如果我多次单击按钮提交,我面临问题消息甜蜜警报显示不止一次 如果我按相同的按钮再次提交相同的
我尝试编写此代码,但遇到麻烦说 警告:第 15 行 E:\xampp\htdocs mpi\get_chat_interface.php 中未定义数组键“user_name” 这是我的 php 代码` 尝试 { $pdo = 新 P...
我使用 PHP 提交表单,然后使用 $.ajax()。这是我的 $.ajax 方法,成功后可以完美运行。当我想显示错误时,很难循环每个
<form id="form" method="post"> <input type="text" name="sonuc1" id="sonuc1" placeholder="1.Sonuç"> <button type="submit">Ekle</button> </form> 我想要实现的基本上是,如果 sonuc1 输入为“否”,则添加另一个名为“sonuc2”的输入元素在提交之前 如果您希望当此标签中输入的更改为“NO”时自动添加另一个标签,您可以使用 javascript 编写如下代码: <form id="form" method="post"> <input type="text" name="sonuc1" id="sonuc1" placeholder="1.Sonuc" /> <button type="submit">Ekle</button> </form> <script> document.getElementById("sonuc1").addEventListener("change", function () { if (this.value.toUpperCase() === "NO") { var newInput = document.createElement("input"); newInput.type = "text"; newInput.name = "sonuc2"; newInput.placeholder = "2.Sonuc"; document .getElementById("form") .insertBefore(newInput, document.querySelector("button")); } }); </script>
Onclick 不适用于切换按钮,但适用于常规 HTML 按钮
Onclick 不适用于切换按钮,但适用于常规 HTML 按钮 这是我的代码: Onclick 不适用于切换按钮,但适用于常规 HTML 按钮 这是我的代码: <!-- This works fine --> <td> <button onclick="updateStatus(<?php echo $comp['id'];?>)" id="statusBtn<?php echo $comp['id'];?>" class="status-btn <?php echo $comp['status']==0?'done':'pending'; ?>"> <?php echo $comp['status']==0?'Done':'Pending'; ?> </button> </td> <!-- This doesn't I need the same as above with the below Toggle Button see screenshot --> <td> <input type="checkbox" data-toggle="toggle" data-size="small" data-onlabel="Done" data-offlabel="Pending" data-onstyle="success" data-offstyle="warning" onclick="updateStatus(<?php echo $comp['id']; ?>)" <?php echo $comp['status']==0?'done':'pending';?> <?php echo $comp['status']==0?'Done':'Pending'; ?> /> </td> 如有任何帮助,我们将不胜感激! 谢谢你。 由于您没有告诉我们您正在使用什么切换开关库,因此需要进行一些猜测。 这些“开关”通常会掩盖底层复选框,而这个特定的开关似乎不会触发该复选框的 click event。不过,该开关应该更改复选框的 checked state (因此可以通过表单提交来提交)。所以我尝试将 onclick 更改为 onchange。
$(window).scroll(function() 加载多次
我正在使用滚动功能,问题是它加载了很多次并且不等待数据库发出的新信息。 这是代码! $(文档).ready(函数(){ $(窗口).scr...
通过 Ajax PHP 通过 Javascript onClick 更新数据库
嗨,我想在用户单击下面的按钮时更新 id 行,请帮助,并对我的英语不好表示歉意 索引.php 嗨,当用户单击下面的按钮时,我想更新 id 行,请帮忙,对我的英语不好表示歉意 index.php <!doctype html> <html> <head> <meta charset="utf-8"> </head> <body> <a href="javascript:void(0)" onClick="updateId('1')">Id 1</a> <a href="javascript:void(0)" onClick="updateId('2')">Id 2</a> <a href="javascript:void(0)" onClick="updateId('3')">Id 3</a> </body> </html> 更新.php <?php include('database_connection.php'); $update = "UPDATE id SET id = id + 1 WHERE id = updateId"; if (mysqli_query($connect, $update)) { echo "Record updated successfully"; } else { echo "Error updating record: " . mysqli_error($connect); } ?> 在你的index.php文件中 <!doctype html> <html> <head> <meta charset="utf-8"> </head> <body> <a href="javascript:void(0)" onClick="updateId('1')">Id 1</a> <a href="javascript:void(0)" onClick="updateId('2')">Id 2</a> <a href="javascript:void(0)" onClick="updateId('3')">Id 3</a> </body> </html> <script> function updateId(id) { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { alert(xmlhttp.responseText); } }; xmlhttp.open("GET", "update.php?id=" +id, true); xmlhttp.send(); } </script> 在你的 update.php 中 <?php if(!empty($_GET['id'])) { $id = $_GET['id']; include('database_connection.php'); $update = "UPDATE id SET id = id + 1 WHERE id = ?"; $connect->execute_query($update, [$id]); }
Bottle Py:为 jQuery AJAX 请求启用 CORS
我正在 Bottle Web 框架上开发 Web 服务的 RESTful API,并希望通过 jQuery AJAX 调用来访问资源。 使用 REST 客户端,资源接口按预期工作,并且
我正在与 dropzone 合作上传文件。代码工作正常,但 AcceptedFiles 变量在脚本中不起作用。上传脚本接受所有格式,如 .zip、.mp3,这应该...
在 jQuery AJAX 的这个用例中,是什么导致阻止默认表单提交行为失败?
我在 Laravel 8 中制作了一个博客应用程序。 我目前正在通过 AJAX 提交评论和评论回复,而不是“经典”地进行。 评论形式: 我在 Laravel 8 中制作了一个 博客应用程序。 我目前正在致力于通过 AJAX 提交评论和评论回复,而不是“经典”地进行。 评论表: <div id="commentSuccess-{{ $comment->id ?? '' }}" class="alert-box-ajax alert-box alert-box--success"> Your comment is pending </div> <div id="commentFail-{{ $comment->id ?? '' }}" class="alert-box-ajax alert-box alert-box--error"> Failed to add comment! </div> <form class="commentForm" method="post" action="{{ route('comment.submit') }}" autocomplete="off"> @csrf <fieldset> <input type="hidden" name="article_id" value="{{ isset($article->id) ? $article->id : $article_id }}"> <input type="hidden" name="parent_id" value="{{ $comment->id ?? '' }}"> <div class="message form-field"> <textarea name="msg" id="message" class="h-full-width" placeholder="Your Message" required></textarea> @error('msg') <p class="help-block text-danger">{{ $message }}</p> @enderror </div> <br> <input name="submit" id="submit" class="btn btn--primary btn-wide btn--large h-full-width" value="Add Comment" type="submit"> </fieldset> 为了进行验证,我使用 Jörn Zaefferer 的 jQuery 验证插件 (v1.19.0) (jQuery)AJAX 部分: // Validate comment form $(".commentForm").each(function() { var form = $(this); form.validate({ errorElement: 'p', errorClass: "help-block text-danger", submitHandler: function(event) { event.preventDefault(); var $fields = form.find('textarea'), url = form.attr('action'), data = form.serialize(); $.ajax({ dataType: "json", type: "post", url: url, data: data, cache: false, success: function(response) { $(`#commentSuccess-${data.article_id}`).slideDown(250).delay(2500).slideUp(250); $fields.val(''); }, error: function() { $(`#commentFail-${data.article_id}`).slideDown(250).delay(2500).slideUp(250); } }); } }); }); 问题 由于我一直无法找出原因,应该防止“经典”表单提交的部分event.preventDefault()不起作用。 问题: 我做错了什么? 解决这个问题最可靠的方法是什么? 经过一些研究,我发现事件实际上是在提交处理程序中收到的第二个参数。第一个是形式本身。 由于某些原因,文档不同步。 您可以尝试这样做来阻止表单默认表单提交。 submitHandler: function(form, event) { event.preventDefault(); } // Validate comment form $(".commentForm").each(function(){ var form = $(this); form.validate({ errorElement: 'p', errorClass: "help-block text-danger", submitHandler: function(_form, event) { event.preventDefault(); var $fields = form.find('textarea'), url = form.attr('action'), data = form.serialize(); $fields.val(''); console.log("Submitting to "+url+" with data: "+data); } }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form class="commentForm" method="post" action="/commentSubmit" autocomplete="off"> <fieldset> <input type="hidden" name="article_id" value="33"> <input type="hidden" name="parent_id" value="1"> <div class="message form-field"> <textarea name="msg" class="h-full-width" placeholder="Your Message" required></textarea> </div> <br> <input name="submit" class="btn btn--primary btn-wide btn--large h-full-width" value="Add Comment" type="submit"> </fieldset> </form> <form class="commentForm" method="post" action="/commentSubmit1" autocomplete="off"> <fieldset> <div class="message form-field"> <textarea name="msg" class="h-full-width" placeholder="Your Message" required></textarea> </div> <br> <input name="submit" class="btn btn--primary btn-wide btn--large h-full-width" value="Add Comment" type="submit"> </fieldset> </form> <script src="https://cdn.jsdelivr.net/npm/jquery-v[email protected]/dist/jquery.validate.min.js"></script> 不太熟悉 jQuery 验证插件,但我希望将验证代码放入 Document Ready 函数中会做出一些改变。 $( document ).ready(function() { $(".commentForm").each(function(){ var form = $(this); form.validate({ .... }) }); 或 $(function() { $(".commentForm").each(function(){ var form = $(this); form.validate({ .... }) });
Laravel / Google API / Ajax:如何在拖动时更新标记的纬度和经度
我在如何使用ajax将标记坐标发送到控制器方面遇到了麻烦。 我将我的路线命名为“update-marker-position”,并且我也放置了 csrf_token() 但它仍然在