AJAX（异步JavaScript和XML）是一种通过客户端和服务器之间的异步数据交换来创建无缝交互式网站的技术。 AJAX有助于与服务器进行通信或部分页面更新，而无需传统的页面刷新。
-在菜单页面中，我有一个表单，其中包括菜单项的表单，并添加到收藏夹按钮（愿望清单），当我将其添加到收藏夹时，它会很好地添加到数据库中，但它会重新加载页面...
使用reveal.js 运行演示文稿时是否可以添加/删除幻灯片？准确地说，是否有一个 API 可以实现这一点，或者可能有一些肮脏的解决方法？
在 Woocommerce 结帐页面中，我尝试在结帐页面上添加一个复选框 我参考过这些文章 woocommerce 自定义结账字段添加费用以订购 ajax 该广告的复选框字段...
在移动 Safari 上，键盘打开时，第一次点击提交按钮不起作用
我有一个带有提交按钮的表单。在 Mobile safari (iPhone) 上，当键盘打开并且您点击表单上的提交按钮时，它只会关闭键盘。 然后第二次点击提交表单。 该...
我为 WordPress 商店创建了自己的过滤器。过滤产品后，找到的产品将通过 Ajax 和新的 WP_Query 显示。过滤器显示为 URL 中的参数...
ajax 调用总是抛出 xhr.send( options.hascontent && options.data null ) 错误
我正在尝试进行ajax调用。但是 Post 调用在“xhr.send( options.hascontent && options.data null )”行给出 400 错误。 下面是参考代码： $.ajax({ 输入：“PO...
我正在尝试将我的用户列表数据提取到 jQuery 数据表中，但它不是将数据填充到我的数据表中，而是仅返回包含我的数据的原始 JSON 格式页面。 我已经搜遍了
我们的 Web 应用程序是用 Perl 构建的，并使用 Ajax DataTables 库/包来利用 MySQL 表。 https://datatables.net/ 虽然由于在脚本中构建原始数据而存在一层复杂性......
我正在尝试使用javascript中的拖放插件来使用ajax上传文件。 DnD.on('#drop-area', { 'drop'：函数（文件，el）{ el.firstChild.nodeValue = '拖动一些fi...</desc> <question vote="3"> <p>我正在尝试在javascript中使用<a href="http://pascalprecht.github.com/DnD.js/" rel="nofollow">拖放插件</a>来使用ajax上传文件。 </p> <pre><code><script> DnD.on('#drop-area', { 'drop': function (files, el) { el.firstChild.nodeValue = 'Drag some files here.'; var names = []; [].forEach.call(files, function (file, i) { names.push(file.name + ' (' + file.size + ' bytes)'); var xhr = new XMLHttpRequest(); xhr.open('POST','upload.php'); xhr.setRequestHeader("Content-type", "multipart/form-data"); xhr.send(file); console.log(xhr.responseText); }); document.querySelector('#dropped-files p i').firstChild.nodeValue = names.join(', '); } }); </script> </code></pre> <p>这是 upload.php：</p> <pre><code><?php print_r($_POST); ?> </code></pre> <p>基本上我还没有编写上传文件的脚本，因为我仍在弄清楚如何访问通过 JavaScript 发送的数据。你能指导我下一步该怎么做吗？如何从 upload.php 访问文件。</p> </question> <answer tick="true" vote="10"> <p>尝试使用 <pre><code>FormData</code></pre> 代替 <pre><code>xhr</code></pre>:</p> <pre><code>var formData = new FormData(); formData.append("thefile", file); xhr.send(formData); </code></pre> <p>您可以通过以下方式访问您的文件 <pre><code>array</code></pre>:</p> <pre><code><?php var_dump($_FILES["thefile"]); ?> </code></pre> <p>查看更多：<a href="http://www.w3schools.com/php/php_file_upload.asp">http://www.w3schools.com/php/php_file_upload.asp</a></p> </answer> <answer tick="false" vote="0"> <p>PHP 代码：</p> <pre><code><?php if($_SERVER['REQUEST_METHOD'] == 'POST'){ echo $_FILES['image']['name']; } ?> </code></pre> <p>HTML 代码：</p> <pre><code><form method="post" enctype="multipart/form-data"> <input id="file-to-upload" type="file" name="file-to-upload"> <button id="btn-submit">upload</button> </form> </code></pre> <p>Javascript代码：</p> <pre><code>document.querySelector('#btn-submit').addEventListener('click' , function(ev){ ev.preventDefault(); /** * formData() representing form fields * https://developer.mozilla.org/en-US/docs/Web/API/FormData */ formData = new FormData(); /** * fileToUpload [input file] * input file has property called [files] contain 1 or multiple files * i use one file so i get 0 index file => image.files[0] */ fileToUpload = document.querySelector('#file-image'); formData.append('image' , image.files[0]); /** * XMLHttpRequest */ var xhr = new XMLHttpRequest(); xhr.open('POST' , 'page.php' , true); xhr.onreadystatechange = function(){ if(xhr.readyState == 4){ console.log(this.responseText); } } xhr.send(formData); }); </code></pre> </answer> </body></html>
如何使用 Ajax 将 HTML 元素值发布到 Django 中的 MySQL 数据库（不使用表单）
我是 Django 新手，目前面临将 html 标签数据发布到数据库的问题。 我有一个“PICK CASE”按钮，单击该按钮应发送 user_id （隐藏的 html 标签显示：无）和
我正在尝试使用 GET 方法从 Django 视图中的 AJAX 调用检索数据。但是，我无法成功访问视图中的数据。此外，console.log 语句...
我想使用 jQuery 获取 URL 并显式检查它是否响应 302 重定向，但不遵循重定向。 jQuery 的 $.ajax 似乎总是遵循重定向。我怎样才能防止这种情况......
如何在 WordPress 中使用 ajax 调用短代码来显示 Elementor 模板？
我想使用ajax调用短代码来显示Elementor模板。模板短代码是：[elementor-template id="1008"] 这是我尝试使用的 Ajax： jQuery.ajax({...
我的Asp.Net页面回发似乎在页面重置之前有固定数量的回发
--- 我的问题的背景：--- 我正在 VS 2022 中进行测试，并使用 IIS Express (Chrome) 启动网站。在 UpdatePanel 内的 AutoPostBack=true 组合框中连续选择 10 多个项目后，页面
我的网站中有一个快速反馈小部件，它只有一个文本框。当用户按下 Enter 键时，将使用 ajax 自动发送反馈。但这在像android这样的移动设备上不起作用......
实际上是一个简单的任务，但我只是找不到合适的解决方案 数据以一种形式收集 (HTML) 发送后，服务器需要几秒钟的时间来提供下载，...
单击 时的第一个事件很好。 单击 时的第二个事件不起作用。 这可以是代表团吗 单击 <button id="get-info"> 时的第一个事件会正常触发。 点击<button id="add-to-db">时的第二个事件不起作用。 这可能是一个委托问题吗？ 我的代码 // index.php <button id="get-info"> <div id="get-info-results"></div> <div id="add-to-db-results"></div> // custom.js $("#get-info").on("click", function() { $("#get-info-results").load("/get-info-results.php", { // Some irrelevant _POST vars }); }); $("#add-to-db").on("click", function() { $("#add-to-db-results").load("/add-results-to-db.php", { // Some irrelevant _POST vars }); }); // get-info-results.php <button id="add-to-db"> // add-results-to-db.php Success 当您调用$("#add-to-db").on时，页面上没有#add-to-db，因此jQuery无法为其附加事件侦听器。要解决此问题，您需要在将元素添加到页面后附加事件侦听器： $("#get-info").on("click", function() { $("#get-info-results").load("/get-info-results.php", { // Some irrelevant _POST vars }); }, function() { $("#add-to-db").on("click", function() {/* ... */}); }); 或者您可以将侦听器附加到文档并指定匹配的选择器，如下所示： $(document).on('click', '#add-to-db', function() {/* ... */}); 这样，处理程序将被添加到文档中，并且仅当元素匹配选择器发出事件时才执行（即使附加侦听器时它不在页面上）。
我正在制作一个 Laravel 10 项目来尝试制作动态布局。 我的主要布局是标题与左侧导航栏粘在一起，其余内容是其他刀片模板，带有 @extends('layou...
Tampermonkey js/jquery/ajax 如何添加睡眠？ [已关闭]
对于像这样的页面 https://www.converto.io/?v=EbuYMynCWV8， 我有一个 Tampermonkey 脚本可以自动执行： 选择mp4格式 单击转换按钮。 它可以工作，但有时可能太快了......
BlazeMeter Chrome 扩展程序未录制呼叫来填写表格
我目前正在为我公司的网站进行 JMeter 测试。我一直在使用 BlazeMeter Chrome 扩展来记录 http 请求，因为我一直无法获得证书...