ajax 相关问题

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

如何在 Drupal 9 中找到视图块的 view_name 和 view_display_id

view_name 与 Drupal 中的 Machine Name 相同吗？我正在尝试在 Drupal 9 中使用 Ajax 渲染视图。 $.ajax({ url: '视图/ajax', 类型：'发布'，数据： { 'view_name': '他怎么了...

ajax drupal

回答 1 投票 0

Laravel 从 Ajax 调用中删除记录 - 按钮单击事件不起作用

我正在尝试从 laravel CRUD 中的 ajax 调用中删除一条记录。但点击事件似乎不起作用。因此删除功能不起作用。这是我的代码。网页.php 路线::删除('/类别/

jquery json ajax laravel

回答 1 投票 0

我想要从 Ajax 脚本中获取评级数据，并从 PHP 中输入数据

以下是一个javascript ajax脚本 $(文档).ready(函数(){ 加载评级数据（）；函数加载_评级_数据（）{ var id_porto = $('#id_porto').val(); ...</desc> <question vote="0"> <p>以下是一个javascript ajax脚本</p> <pre><code><script> $(document).ready(function(){ load_rating_data(); function load_rating_data(){ var id_porto = $('#id_porto').val(); var link = "display_rate.php?id_porto=" + id_porto; $.ajax({ url: link, method:"POST", data:{action:'load_data'}, dataType:"json", success:function(data){ $('#average_rating').text(data.average_rating); var count_star = 0; $('.main_star').each(function(){ count_star++; if(Math.ceil(data.average_rating) >= count_star) { $(this).addClass('text-warning'); $(this).addClass('star-light'); } }); } }) } }); </script> </code></pre> <p>以下是我的php脚本</p> <pre><code><?php $connect = new PDO("mysql:host=localhost;dbname=kapridb", "root", ""); if(isset($_POST["action"])) { $id = $_GET["id_porto"]; $average_rating = 0; $total_review = 0; $total_user_rating = 0; $query = "SELECT * FROM review_porto WHERE id_porto LIKE '%$id%'"; $result = $connect->query($query, PDO::FETCH_ASSOC); foreach($result as $row) { $total_review++; $total_user_rating = $total_user_rating + $row["user_rating"]; } $average_rating = $total_user_rating / $total_review; $output = array( 'average_rating' => number_format($average_rating, 1) ); echo json_encode($output); } ?> </code></pre> <p>以下是执行结果</p> <p><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL24zZ0dRLnBuZw==" alt="enter image description here"/></p> <p>希望星级能够均匀分布在图中的每件产品上。先谢谢你了</p> </question> <answer tick="false" vote="0"> <p>尝试循环遍历你的<pre><code>#id_porto</code></pre>而不是获取第一个</p> <pre><code>function load_rating_data() { $("#id_porto").each(() => { var id_porto = $(this).val() var link = "display_rate.php?id_porto=" + id_porto var stars = $(this).find('.main_star') var avg = $(this).find('#average_rating') $.ajax({ url: link, method: "POST", data: { action: "load_data" }, dataType: "json", success: function (data) { avg.text(data.average_rating) var count_star = 0 stars.each(function () { count_star++ if (Math.ceil(data.average_rating) >= count_star) { $(this).addClass("text-warning") $(this).addClass("star-light") } }) } }) }) } </code></pre> <p>我假设 <pre><code>this</code></pre> 是父级，星星和平均评分都在其中。</p> </answer> </body></html>

javascript php json ajax rating

回答 0 投票 0

我无法从控制器 Rails 7 渲染部分 js

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

json ruby-on-rails ajax forms respond-to

回答 1 投票 0

如何将clipboard.js与Ajax结合使用？（数据剪贴板）

我的 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...