ajax 相关问题

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

禁用页面上的所有按钮

我有一个 MVC 视图,上面有许多按钮(篮子中的每个项目呈现 2 个按钮)... - 我有一个 MVC 视图,上面有许多按钮(篮子中的每个项目呈现 2 个按钮)... <button class="pbbg" id="ProductMinus_161637" type="button">-</button> <button class="pbbg" id="ProductPlus_161637" type="button">+</button> (他们都有一个onclick事件) 当按下这些按钮中的任何一个时,我想禁用每个产品的所有按钮,直到购物篮完成更新。 单击事件调用 JavaScript 函数,该函数又进行 Ajax 调用。在这篇post之后,我尝试做的第一件事就是禁用所有按钮...... $("input[type=button]").attr("disabled", "disabled"); 然后在 Ajax 调用返回后重新启用它们.... $("input[type=button]").removeAttr("disabled"); 我没有收到任何错误,但按钮没有被禁用。 我哪里出错了? 您的选择器错误。您应该使用 input.. 伪选择器,而不是 :button 选择器。 您可以使用 :button 选择器选择所有按钮。 $(':button').prop('disabled', true); // Disable all the buttons 启用所有按钮: $(':button').prop('disabled', false); // Enable all the button 编辑 如果您只想禁用 id 以 Product 开头的按钮,请使用: $('button[id^="Product"]') 如果有人正在寻找普通的 JavaScript 解决方案: const buttons = document.getElementsByTagName("button"); for (const button of buttons) { button.disabled = true; } 可能是因为您没有使用 input 标签,所以您使用的是直接 button 标签。试试$("button").attr("disabled", "disable")。 您需要使用button选择器。尝试像这样prop $('button').prop('disabled', true); //Vanilla JavaScript solution. // Disable all buttons const allBtn = document.querySelectorAll('button') allBtn.forEach((button)=>{ button.disabled = true; }); 如果你想试试这个。 const 按钮 = document.getElementById("button"); Buttons.setAttribute('禁用', true);

回答 6 投票 0

Laravel Livewire 和 Bootstrap 表单的重新加载问题

当我使用任何 Javascript 表单时,我都遇到了 Livewire 问题。使用以下形式:https://bbbootstrap.com/snippets/multi-step-form-wizard-30467045(虽然我尝试了其他形式并且很满意...

回答 3 投票 0

如何在页面加载期间根据从.net core中的数据库获取的值选择下拉值?

我在 .cshtml 文件中修复了下拉值。 ``** 是的 不 像这样问我.. 我将这些值保存到数据库中,并在页面加载期间获取这些值并分配到...

回答 1 投票 0

将数据作为以 jQuery Ajax 方法编码的 URL 发送到服务器

我目前正在支持一个项目。在代码的某些地方,ajax调用将如下所示 var myObj = [ { 名称:“第一”,值:“瑞克” }, { 名称:“最后”,值:“阿斯特利” }, {名字...

回答 2 投票 0

如何在新选项卡中打开新创建的图像?

下面的代码在同一页面的底部创建图像。 如何将该图像显示到新选项卡/窗口中而不是显示在同一页面中? 成功:函数(数据){ var 我...

回答 5 投票 0

Laravel“Symfony\Component\HttpKernel\Exception\HttpException”错误

在我的 Laravel、Vue JS 应用程序中,将应用程序传输到我们的服务器后,我收到此类错误。 Symfony\Component\HttpKernel\Exception\HttpException 我看到了同样的问题...

回答 4 投票 0

如何将复选框的选定文本传递到剃刀页面上的操作结果?

我在 asp.net core razor 页面工作。我将选定的 id 作为数组成功传递 但我的问题为复选框选择的文本值未通过或显示 问题发生在这一行 selectedClassText.push($(this).

回答 1 投票 0

使用 SimpleXML 和 jQuery Ajax 在服务器中创建 XML 文件

我想做的事情肯定可以完成,但我做错了:我想在使用 Ajax 调用时创建一个 XML 文件。我得到了以下代码(合成的)。也许这个例子不...

回答 2 投票 0

AJAX 调用返回“未定义的数组键”

我无法让我的 AJAX 工作。任何帮助将不胜感激,因为我在这方面花了几个小时但没有任何效果。我正在使用测试数据,直到不再出现错误: <p>我无法让我的 AJAX 工作。任何帮助将不胜感激,因为我在这方面花了几个小时但没有任何效果。我正在使用测试数据,直到不再出现错误:</p> <pre><code>&lt;script src=&#34;https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js&#34;&gt;&lt;/script&gt; </code></pre> <p>我的 AJAX:</p> <pre><code> $.ajax({ type: &#39;POST&#39;, url: &#39;addsMeal.php&#39;, dataType:&#39;json&#39;, data: ({name: &#39;Emma&#39;}), success: function () { console.log(&#34;Sent data to addsMeal PHP file successfully.&#34;); } }); </code></pre> <p>addsMeal.php:</p> <pre><code> &lt;?php // topFields, newIngredient $name = $_POST[&#39;name&#39;]; echo($name); ?&gt; </code></pre> <p>错误是: 警告:第 3 行 C:\xampp\htdocs\GroceryListGenerator\Pages ddsMeal.php 中未定义数组键“名称”。</p> <p>控制台记录数据发送成功...</p> </question> <answer tick="false" vote="0"> <p>尝试修改您的 PHP 代码以在访问之前检查“name”键是否存在:</p> <pre><code>&lt;?php if(isset($_POST[&#39;name&#39;])) { $name = $_POST[&#39;name&#39;]; echo $name; } else { echo &#34;No name parameter received.&#34;; } ?&gt; </code></pre> <p>这将防止出现警告并处理未正确接收“name”参数的情况。</p> </answer> </body></html>

回答 0 投票 0

Ajax 调用只能在一页上运行?

当我在应用程序的主页上时,我的 ajax 调用工作得很好。 $('.upvote').click(函数(事件) { $(this).siblings().removeClass('downVoted'); event.preventDefault(...

回答 2 投票 0

未捕获的引用错误:do_login 未在 HTMLButtonElement.onclick 中定义

我正在尝试使用 PHP、AJAX 和 MySql 开发一个简单的登录页面。 经过长时间的斗争,我这样做了: 我正在尝试使用 PHP、AJAX 和 MySql 开发一个简单的登录页面。 经过长时间的斗争,我做到了: <head> <link rel="stylesheet" type="text/css" href="css\\login.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> function do_login() { var username=$("#username").val(); var pass=$("#password").val(); if(email!="" && pass!="") { $.ajax ({ type:'post', url:'serveur.php', data:{ do_login:"do_login", username:username, password:pass }, success:function(response) { if(response=="success") { window.location.href="index.php"; console.log(1); } else { alert("Wrong Details"); console.log(0); } } }); } else { alert("Please Fill All The Details"); } return false ; } </script> </head> </style> <body> <div class="login-page"> <div class="form"> <form class="login-form"> <input type="username" placeholder="username" id="text" /> <input type="password" placeholder="password" id="password" /> <button type="submit" id="loginButt" onclick="do_login()">login</button> <p class="message"><a href="1stPage.html">Go Back</a></p> <div id="resultat ">Authentification result Here ....</div> </form> </div> </div> </body> 但是我有这个错误消息: 未捕获的引用错误:do_login 未在 HTMLButtonElement.onclick 中定义 您的 <script> 标签同时具有正文和 src 属性。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> // This is the body of the script tag function do_login() { //... } </script> src标签的<script>属性优先于标签正文(请参阅JavaScript:具有SRC属性的内联脚本?)。所以这意味着你的 do_login 函数实际上从未被定义:( 尝试将其更改为 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" /> <script type="text/javascript"> function do_login() { //... } </script> 未捕获的运行时错误: × 错误 求解未定义 ReferenceError:解决未定义 在 HTMLButtonElement.onclick (http://localhost:3000/?first=rama.1%40gmail.com&password=ram123:33:25)

回答 2 投票 0

JQuery ReplaceWith() 不适用于Change

我使用此代码将 替换为我的动态网址中的内容 但当我更改选择选项时它不会立即更新。 我怎样才能让它发挥作用。 那...

回答 1 投票 0

ajax成功后重新加载数据表

我使用JQuery DataTable。我在ajax成功时将数据发送到json文件中的数据表onclick。第一次单击一切都很好,但是下一次单击我只得到正确的数据并且dataTables_i的值错误...

回答 10 投票 0

Javascript 中的 cURL POST 请求

我正在尝试编写以下 cURL 请求: $curl -d @your_filename.json -H“内容类型:application/json”-i“https://www.googleapis.com/geolocation/v1/geolocate?key=ENTER-KEY” 在 Javasc 中...

回答 1 投票 0

如何在 JQuery UI 自动完成中使用 source: function()... 和 AJAX

我需要一些有关 JQuery UI 自动完成的帮助。我希望我的文本字段 input.suggest-user 显示来自 AJAX 请求的名称。这就是我所拥有的: jQuery("input.suggest-user").autocomp...

回答 8 投票 0

AJAX 表单在 1 个错误后不再提交,应该转到下一个错误

我制作了一个AJAX表单,但是当我提交时我没有进入下一个错误。如果我填写性别并单击提交,它不会进入下一个需要填写的必填字段错误。 //提交...

回答 1 投票 0

转换器字符串 ID ChoicesType (ajax) en 表单中的 ID EntityType (Symfony)

抱歉,但是会很长。 我有 6 个链接选择,第一个在 EntityType 中,另外 5 个在 ChoiceType 中。最后 5 个选择将按照前一个选择的数据在 Ajax 中填充。 我的6

回答 1 投票 0

如何通过调用移动浏览器上之前关闭的选项卡来使用 jquery/ajax 更新页面?更新不会自动发生

我用asp.net、jquery等开发了一个响应式陶瓷销售网站。 在产品页面上有一个文本区域,客户可以在其中询问更多信息 有关他们正在查看的产品的信息...

回答 1 投票 0

防止 Laravel 中无效后重定向到主页

我正在使用 Laravel 5.3 开发 RESTful API,因此我正在使用我的控制器测试一些功能和请求。我需要做的一件事是在添加字段之前验证用户发送的请求...

回答 4 投票 0

JSR223 预处理器生成值

我遇到了一种情况,我试图弄清楚如何获取在 Web 应用程序中动态生成的值。它几乎用于我工作流程中的每个请求......

回答 1 投票 0

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