ajax 相关问题

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

我已经创建了 my_portfolio.html.erb ，并将表单提交给带有远程控制器的控制器： true ，控制器接受参数并验证一切都可以在条件和代码下正常工作，但它可以'...

json ruby-on-rails ajax forms respond-to

回答 1 投票 0

我的 Clipboard.js 在我的测试站点上运行良好，我可以使用数据剪贴板进行复制。我的 Clipboard.js 在我的测试站点上运行良好，我可以使用数据剪贴板进行复制。 <a href="#"> <i class="icon-link icon-1x fa-fw" id="d_clip_button_x" data-clipboard-text="copythistext" title="Copy direct link"></i></a> <script type="text/javascript" src="copy/clipboard.min.js"></script> <script type="text/javascript"> var client = new Clipboard( document.getElementById('d_clip_button_x') );</script> 但是当我从 Ajax 调用获得内容时，相同的代码不再起作用。我已经阅读了一些关于如何让 Ajax 与 Clipboard.js 良好配合的方法和教程，但我似乎无法理解它。据我了解，我需要重新触发该功能，但我怎样才能实现这一点？谢谢。我尽力了。 Clipboard.js 使用广泛的触发器来获取 data 属性，并在页面完成加载时进行绑定。因此，如果数据是从ajax、剪贴板获取的，则不会按照您的意愿绑定它们。对于解决方案，这里有一个技巧。首先，制作一个可以使用的通用复制按钮，给它一个 ID，假设我们给的是 d_clip_button_villa_XXX。 <a style="display:none" href="javascript:void(0);"> <i class="icon-link icon-1x fa-fw" id="d_clip_button_villa_XXX" data-clipboard-text="" title="Copy direct link"> </i> </a> <script type="text/javascript"> var client = new Clipboard( document.getElementById('d_clip_button_villa_XXX') ); </script> 现在，不要制作相同的按钮，而是使用任何元素，例如 <a> 标签并提及 2 个事件 -> <a href="#" onmouseover="copytxt('here is the text')" onclick="clkd(); return false;">copy</a> 现在创建两个函数-> function copytxt(txt){ jQuery('#d_clip_button_villa_XXX').attr('data-clipboard-text', txt); } function clkd(){ jQuery('#d_clip_button_villa_XXX').click(); } 这也适用于ajax 解决方法是连接到 clipboard.js 中的文本事件。调用该函数时，通过同步 ajax 调用从服务器检索剪贴板内容，并提供相关参数。但是，请注意，同步 ajax 请求（在 jquery 中）“已被弃用，因为它会对最终用户的体验产生不利影响”。您可能会收到同样的警告。 var clipboardItems = new Clipboard('.btn', { text: function(trigger) { const customerId = trigger.getAttribute('data-customerid'); let cpv = GetClipboardData(customerId); return cpv; } }); function GetClipboardData(customerId) { let retval = ''; var args = {}; args.customerId = customerId; args.monthNumber = 12; // example $.ajax({ type: 'POST', async: false, url: 'https://jsonplaceholder.typicode.com/posts', data: JSON.stringify(args), contentType: 'application/json; charset=utf-8', dataType: 'json', success: function(msg) { retval = msg; } }); return retval; } <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/clipboard.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>  <button class="btn" data-customerid="1"> <span>📋</span> Copy to clipboard </button>

javascript jquery ajax clipboard.js

回答 2 投票 0

从 jscript 文件为 php 文件传递变量时出现问题

所以我使用instascan api来扫描二维码，并假设将扫描的内容发送到我的php文件，但无论我使用POST还是GET，它都不会在php文件中读取它们，并且...

javascript php ajax vue.js

回答 1 投票 0

Php 为什么不向 Jquery ajax 发送响应？

我想从mysql数据库获取数据而不刷新页面。我在客户端使用jquery ajax，在服务器端使用php。请求已发送，但响应为空（如果我在 Firefox 中转到 xhr...

javascript php jquery mysql ajax

回答 1 投票 0

使用 Amazon S3 + Django 上传大文件 400 错误请求

我正在学习这门课程，我认为我做的一切都是正确的，但它给了我 POST https://fakebucket.s3-eu-north-1.amazonaws.com/ 400（错误请求）视图.py 类 FilePolicyAPI(APIView): “&qu...