ajax 相关问题

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

如何从Django获取用户组?

我正在尝试获取 Django 中用户中存在的用户组,但不幸的是在控制台中它显示: 未捕获的引用错误:用户未定义 于 6/:643:33 该功能应该是

回答 1 投票 0

在 ReactJS 中获取“无法访问的代码 no-unreachable”

我是在 React 中创建 GET 请求的新手。当有人在输入字段中输入网址时,我尝试从 Instagram 内容中获取 media_id 。有趣的是我确实在 Inspecto 中得到了回复...

回答 5 投票 0

javascript 不读取输入文本值

我有一个 html 页面,并通过 ajax 调用填充文本输入和文本区域。当我尝试读取 javascript 函数中的值时,我得到了空,我猜它正在读取原始值......

回答 1 投票 0

在React中使用rxjs/ajax拦截器

我在React中使用rxjs/ajax,所以我需要添加一个拦截器来处理标头和响应(全局错误),有什么建议吗? 谢谢你

回答 3 投票 0

jquery ajax传递参数给webservice

我必须在网络服务中运行,其中一个可以正确接收两个参数,我可以执行它,但另一个也接收参数的函数无法正常工作,粘贴此函数...

回答 1 投票 0

Vanilla JavaScript AJAX 表单提交

我需要帮助在 Vanilla JavaScript(无 jQuery)中使用 AJAX 提交表单。 我有这个 jQuery 代码,需要将其转换为 JavaScript。 $(文档).ready(函数() { $('.myForm').提交(

回答 2 投票 0

无法读取未定义的属性“协议”

尝试从 API 获取数据时在控制台中收到该错误。以前有人遇到过这个问题吗? var url = "https://api.website.com/get/?type=events&lat=" + localStorage.getItem('纬度') +...

回答 5 投票 0

服务器的安全ajax GET/POST请求

假设我使用某种 API,并且我的文件 server.php 处理与 API 服务的连接。在我的客户端,我使用 AJAX 调用,如下所示: $http({ url : '服务器/server.php', ...

回答 4 投票 0

为什么 woocommerce_checkout_update_order_review 挂钩会给出之前的运费总额?

我一直在尝试通过执行 WC()->cart->get_shipping_total() 在操作挂钩“woocommerce_checkout_update_order_review”中获取最新的运费信息,但它似乎包含...

回答 1 投票 0

Symphony Route 在前端返回 404 状态代码

我正在开发 Symphony 应用程序,并尝试使用 PHP 创建路线。问题是,即使在后端正确定义了路由,我在前端却收到了 404 状态代码...

回答 1 投票 0

Jquery ajaxcall

这里ajax调用没有发生在函数内部,在函数外部它正在工作, 任何人都可以帮助发现错误 $('#submit').on("点击", function(){ var B = $('#search').val()...

回答 2 投票 0

Django Ajax toastr 成功时不显示

我遇到了ajax toastr的问题,我也在使用bootstrap 5,所以这可能会导致样式问题。 我的阿贾克斯: {%加载人性化%} {%加载静态%} 我遇到了 ajax toastr 的问题,我也在使用 bootstrap 5,所以这可能会导致样式问题。 我的阿贾克斯: {% load humanize %} {% load static %} <link rel="stylesheet" href="{% static 'style.css' %}"> <link href="toastr.css" rel="stylesheet"/> {% block extra_js %} <script src="toastr.js"></script> <script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script> <script type="text/javascript"> let csrftoken = '{{ csrf_token }}' $(document).on('submit','#add-to-favourite',function(e){ e.preventDefault(); $.ajax({ type: $(this).attr('method'), headers:{'X-CSRFToken':csrftoken}, url: $(this).attr('action'), data: $(this).serialize(), success: function (response) { alert("Succes"); toastr.options.closeButton = true; toastr.success('Added to Favourite'); } }) }); </script> {% endblock extra_js %} 警报消息显示正常,ajax 函数返回成功。 导入Jquery后必须导入lib toastr,因为Jquery是toastr的依赖。 就放 <script src="toastr.js"></script> 之后 <script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script> 像这样: {% load humanize %} {% load static %} <link rel="stylesheet" href="{% static 'style.css' %}"> <link href="toastr.css" rel="stylesheet"/> {% block extra_js %} <script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script> <script src="toastr.js"></script> <script type="text/javascript"> let csrftoken = '{{ csrf_token }}' $(document).on('submit','#add-to-favourite',function(e){ e.preventDefault(); $.ajax({ type: $(this).attr('method'), headers:{'X-CSRFToken':csrftoken}, url: $(this).attr('action'), data: $(this).serialize(), success: function (response) { alert("Succes"); toastr.options.closeButton = true; toastr.success('Added to Favourite'); } }) }); </script> {% endblock extra_js %}

回答 1 投票 0

解析来自 Ajax 调用的 JSON 响应时出现问题

我使用 Ajax 调用从数据库中查找单个记录,响应返回并且 JSON.parse 不起作用(“意外的标识符“对象””),但我也未定义...

回答 1 投票 0

即使在控制台中,Ajax 也不发送值显示值和 url

这个脚本让我很头疼,仍然无法找出问题所在 函数 loadSubcategories() { varcategorySelect = document.getElementById("类别...</desc> <question vote="0"> <p>这个脚本让我很头疼,但仍然无法找出问题所在</p> <pre><code> &lt;script&gt; function loadSubcategories() { var categorySelect = document.getElementById(&#34;category&#34;); var selectedCategory = categorySelect.value; // Create an XMLHttpRequest object var xhr = new XMLHttpRequest(); // Define the PHP file to call and the HTTP request method var url = &#34;cgi-bin/get_subcategories.php&#34;; var method = &#34;POST&#34;; // Set up the request xhr.open(method, url, true); // Set the request header (if needed) // Define the callback function xhr.onreadystatechange = function () { if (xhr.readyState === 4 &amp;&amp; xhr.status === 200) { // Update the subcategory dropdown with the response from the PHP file var subcategorySelect = document.getElementById(&#34;subcategory&#34;); subcategorySelect.innerHTML = xhr.responseText; alert(xhr.responseText); return; } }; // Send the request with the selected category console.log(&#34;XHR URL: &#34; + url); console.log(&#34;XHR Data: &#34; + &#34;category=&#34; + selectedCategory); xhr.send(&#34;category=&#34; + selectedCategory); } &lt;/script&gt; </code></pre> <p>即使控制台显示值和 url,但 PHP 只是回复(脚本正在运行)和错误(未收到类别参数。)</p> <pre><code> &lt;?PHP echo &#34;Script is running&#34;; if ($_SERVER[&#34;REQUEST_METHOD&#34;] == &#34;POST&#34;) { $category = $_POST[&#39;category&#39;]; echo $category; } } else { // Handle the case when &#34;category&#34; is not set echo &#34;No category parameter received.&#34;; } ?&gt; </code></pre> </question> <answer tick="false" vote="0"> <p>好的找到了这个疯狂错误的解决方案,在设置请求后立即设置标头 代码行看起来像这样</p> <pre><code>xhr.setRequestHeader(&#34;Content-type&#34;, &#34;application/x-www-form- urlencoded&#34;); </code></pre> <p>所以ajax脚本应该是这样的</p> <pre><code> &lt;script&gt; function loadSubcategories() { var categorySelect = document.getElementById(&#34;category&#34;); var selectedCategory = categorySelect.value; // Create an XMLHttpRequest object var xhr = new XMLHttpRequest(); // Define the PHP file to call and the HTTP request method var url = &#34;cgi-bin/get_subcategories.php&#34;; var method = &#34;POST&#34;; // Set up the request xhr.open(method, url, true); xhr.setRequestHeader(&#34;Content-type&#34;, &#34;application/x-www-form- urlencoded&#34;); // Set the request header (if needed) // Define the callback function xhr.onreadystatechange = function () { if (xhr.readyState === 4 &amp;&amp; xhr.status === 200) { // Update the subcategory dropdown with the response var subcategorySelect = document.getElementById(&#34;subcategory&#34;); subcategorySelect.innerHTML = xhr.responseText; alert(xhr.responseText); return; } }; // Send the request with the selected category console.log(&#34;XHR URL: &#34; + url); console.log(&#34;XHR Data: &#34; + &#34;category=&#34; + selectedCategory); xhr.send(&#34;category=&#34; + selectedCategory); } &lt;/script&gt; </code></pre> </answer> </body></html>

回答 0 投票 0

虽然调试代码没有错误,但为什么批准索引操作没有重定向到待处理操作视图?

我从事 ASP.NET MVC 项目。我面临问题,操作 ApprovalIndex 没有重定向到操作 PendingManagersRequests,尽管没有发生错误。 我调试并跟踪断点直到达到操作

回答 1 投票 0

history.replaceState() 示例?

任何人都可以给出history.replaceState的工作示例吗? w3.org 是这样说的: History.replaceState(数据, 标题 [, url ] ) 更新会话历史记录中的当前条目以具有给定的

回答 10 投票 0

未捕获的语法错误:意外的标记'<', "<br />对 AJAX 请求的响应使用 JSON 解析时

我正在使用 datefrom 和 dateto 制作一个下拉列表,然后显示这些日期之间的日期,但它没有显示,并且我不断在控制台中收到此错误消息。 VM652:1 未公开...

回答 3 投票 0

使用ajax编辑和更新数据

我的代码有什么问题。我想使用 AJAX 从可编辑(表单)检索数据以更新并保存在数据库中,但它不起作用, 这是我的代码: 我的代码有什么问题。我想使用 AJAX 从可编辑(表单)中检索数据以更新并保存在数据库中,但它不起作用, 这是我的代码: <?php $query = db_get_list("SELECT * FROM stories ORDER BY id DESC"); foreach($query as $item) { $id= $item['id']; ?> <?php var_dump($item['id']); ?> <tr> <th scope="row"><?php echo $item['id'];?></th> <td class="ttruyen" id="tentruyen_<?php echo $item['id'];?>" contenteditable="true"> <?php echo $item["tentruyen"]; ?> </td> <td class="tgia" id="tacgia_<?php echo $item['id'];?>" contenteditable="true"> <?php echo $item["tacgia"]; ?> </td> <td class="ttat" id="tomtat_<?php echo $item['id'];?>" contenteditable="true"> <?php echo $item["tomtat"]; ?> </td> <td class="ndung" id="noidung_<?php echo $item['id'];?>" contenteditable="true"> <?php echo $item["noidung"]; ?> </td> <td><button class="label delete label-danger" id='del_<?php echo $item['id']; ?>' ">delete</button></td> <td><button class="label edit label-info" id="edit_<?php echo $item['id']; ?>">edit</button></td> </tr> <?php } ?> 并使用AJAX编辑功能: $(document).on('click', '.edit' ,function() { var id = this.id; var split_id = id.split("_"); var field_name = split_id[0]; var edit_id = split_id[1]; var value = $(this).text(); var ttruyen = $('#ttruyen').text(); var tgia = $('#tgia').text(); var ttat = $('#ttat').text(); var ndung = $('#ndung').text(); $.ajax ({ url : "modules/favorites/edit.php", type : "POST", dataType : "text", data : { tentruyen: ttruyen, tacgia: tgia, id:edit_id , tomtat : ttat, noidung : ndung }, success: function (data) { $('#alert_message').html("<div class='col-sm-4 alert alert-success' ><b>Edit</b> data successfully</div>"); fetchdata(data); } }); setInterval(function() { $("#alert_message").html(''); }, 3000); }); 还有另一种方法。 <?php $query = db_get_list("SELECT * FROM stories ORDER BY id DESC"); foreach($query as $item) { $id= $item['id']; var_dump($item['id']); ?> <tr> <th scope="row"><?php echo $item['id'];?></th> <td class="ttruyen" id="tentruyen" contenteditable="true"> <?php echo $item["tentruyen"]; ?> </td> <td class="tgia" id="tacgia" contenteditable="true"> <?php echo $item["tacgia"]; ?> </td> <td class="ttat" id="tomtat" contenteditable="true"> <?php echo $item["tomtat"]; ?> </td> <td class="ndung" id="noidung" contenteditable="true"> <?php echo $item["noidung"]; ?> </td> <td><button class="label delete label-danger" id="del">delete</button></td> <td><button class="label edit label-info" id="edit" data-id="<?php echo $item['id']; ?>">edit</button></td> </tr> <?php } ?> 上面的代码,删除了每个$item['id']中的所有td。它还为您的 id 在这里 edit button 添加了 data-id="<?php echo $item['id']; ?>"。它还删除了不必要的代码。 要获取所有必需的数据, $('button#edit').on('click' ,function() { var id = $("p#item_id").text(); var edit_id = $(this).data('id'); var ttruyen = $('td#ttruyen').text(); var tgia = $('td#tgia').text(); var ttat = $('td#ttat').text(); var ndung = $('td#ndung').text(); $.ajax ({ url : "modules/favorites/edit.php", type : "POST", dataType : "text", data : {tentruyen: ttruyen, tacgia: tgia, id:edit_id , tomtat : ttat, noidung : ndung}, success: function (data) { $('#alert_message').html("<div class='col-sm-4 alert alert-success' ><b>Edit</b> data successfully</div>"); fetchdata(data); } }); setInterval(function() { $("#alert_message").html(''); }, 3000); }); $("button#edit") 获取在 td 内单击的特定按钮。所以不需要给每个人一个id="edit_<?php echo $item_id; ?>"。 那应该有效。如果这是解决方案,请不要忘记将接受设置为正确答案。谢谢你。 var field_name = split_id[0]; var edit_id = split_id[1]; Console.log(field_name+edit_id); 遵循日志记录。我认为“id”的请求不是复数(数组)。 url : "modules/favorites/edit.php" 确保文件路径正确。

回答 2 投票 0

将多个 ajax 调用捆绑到 jQuery.when() 时如何处理错误?

我想等待多个 AJAX 调用,而不需要将回调嵌套在另一个调用中。 从这个文档中,我了解到可以使用 jQuery.when()。 $.when($.ajax("/page1.php"), $.ajax("/

回答 2 投票 0

如何使用 django、ajax、jQuery 刷新页面而不重新加载?

我试图从购物车中删除产品而不刷新整个页面,我可以删除一个项目,然后我需要重新加载页面以删除另一个项目。我正在使用 Django、jQuery 和 AJAX 来...

回答 1 投票 0

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