AJAX(异步JavaScript和XML)是一种通过客户端和服务器之间的异步数据交换来创建无缝交互式网站的技术。 AJAX有助于与服务器进行通信或部分页面更新,而无需传统的页面刷新。
检测 jQuery 的 ajaxSubmit() 跳过的文件上传
我有一个表单,我通过 jQuery 的 ajaxSubmit() 函数提交该表单。此表单包含一个文件控件,并且它已被提出为一个可能的故障点,如果选择该文件,则重新...
缺少在 Struts 2 中通过 jQuery 的 ajaxSubmit() 提交的文件
我有一个表单,我通过 jQuery 的 ajaxSubmit() 函数提交该表单。此表单包含一个文件控件,并且它已被提出为一个可能的故障点,如果选择该文件,则重新...
我现在正在学习Ajax。下面的代码基本上接收来自 PHP 的 echo,然后将其放入 element id games 中。 我的问题是,如果我想让 Ajax 发送 3 个不同的 HTTP 请求...
以下是我的表格 姓名: 以下是我的表格 <form id="form1"> <table> <tr><td >Name:</td><td class="CommentsRight"><input type="text" name="txtName" style="width:90%" /></td></tr> <tr><td >Email: (Optional)</td><td class="CommentsRight"><input type="text" Name="txtEmail" style="width:90%" /></td></tr> <tr><td >Comment: </td><td class="CommentsRight"><textarea type="text" style="width:90%" Name="txtMessage" TextMode="MultiLine" Rows="10"></textarea></td></tr> <tr><td ></td><td class="CommentsRight"><input type="submit" width="100" ID="cmdSubmit" onclick="javascript: SubmitComment();" /> <input type="button" ID="cmdCancel" Text="Reset" value="Reset" onclick="document.getElementById('form1').reset();" /></td></tr> </table> </form> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> function SubmitComment() { alert($("txtName").val()); $.ajax({ type: "POST", url: "@(Request.RawUrl)", data: '{txtCode: "' + $("#txtName.value") + '" }', contentType: "application/json; charset=utf-8", dataType: "json", success: function () { alert('success'); } , failure: function (response) { alert(response.d); } }); } 警报始终返回未定义的警报,我是 Ajax/Jquery 的初学者。 我已经尝试过#txtName,我也尝试过输入,但它没有返回我放入 txtName 中的任何值,我做错了什么。 然后我想扩展数据,以便将所有输入字符串传递到数据中。 简而言之, 如何获取txtName.text的值 如何构建数据字符串,使其包含分隔的数据值 非常感谢您的帮助。 尝试以下操作: <input type="text" name="txtName" style="width:90%" /> 进入 <input type="text" name="txtName" id="txtName" style="width:90%" /> javascript: SubmitComment(); 进入 javascript: SubmitComment(e); function SubmitComment() { 进入 function SubmitComment(e) { e.preventDefault(); alert($("txtName").val()); 进入 alert($("#txtName").val()); data: '{txtCode: "' + $("#txtName.value") + '" }', 进入 data: {txtCode: $("#txtName").val() }, // Send particular data (or) data: $("#form1").serialize(), // Send inside form all data 您不能像您那样使用 $("txtName") 。 jQuery 将不知道选择什么。没有类/id 或任何其他选择器。而是使用 $("input[name=txtName]").val() 或给 txtName 一个类或 id(就像我在下面的示例中所做的那样)。 如果您现在想以漂亮的 Json 格式发送表单,您需要将其序列化: var data = $("#form1").serialize(); https://jsfiddle.net/gahapv4t/ 您在ajax请求的数据参数中编写了错误的代码。您可以传递参数对象,然后 jQuery 负责将其转换为原始 POST 数据或查询字符串。 function SubmitComment() { alert($("txtName").val()); $.ajax({ type: "POST", url: "@(Request.RawUrl)", data: {txtCode: $("#txtName").val()}, dataType: "json", success: function (data) { alert('success'); alert(JSON.stringify(data)) } , failure: function (response) { alert(response.d); } }); 你可以通过多种方式做到这一点。根据您的标记,您可以尝试通过以下方式获取 txtName 的值 $("input[name=txtName]").val(); 或者您可以通过以下方式在输入字段中添加 id <input name="txtName" id="someid"> 最后要使用以下代码来获取值 $("#someid").val() $("input[name=txtName]").val()是通过名称获取值。 $("#id").val()就是通过它的id来获取值。 $(".class").val()就是通过类名获取值。 我想你已经知道第一个问题的答案了。 使用 $("#txtName').val() 接收字段的值, 您可以通过多种方式实现第二个问题: 使用.serialize()功能 就像 Marcel 所写的那样,您可以创建一个变量数据,在其中序列化表单并将其传递给 $.ajax 函数,如下所示: var data = $("#form1").serialize(); $.ajax({ type: "POST", url: "@(Request.RawUrl)", data: data, contentType: "application/json; charset=utf-8", dataType: "json", success: function () { alert('success'); } , failure: function (response) { alert(response.d); } }); 2。使用 FormData 对象 更新拦截表单提交事件的函数,创建 FormData 对象并传递表单,如下所示: $("#form1").submit(function(e){ e.preventDefault(); var formdata = new FormData($(this)[0]); $.ajax({ type: "POST", url: "@(Request.RawUrl)", data: formdata, contentType: "application/json; charset=utf-8", dataType: "json", success: function () { alert('success'); } , failure: function (response) { alert(response.d); } }); }); 通过此方法,您还可以插入自定义数据来传递: formData.append('action', 'customAction'); formData.append('id', 123); formData.append('mydogname', 'Jo'); 3.使用 post() 函数 这是使用 Ajax 发送发布数据的最简单方法之一(文档)。自定义和使用 Jquery 逻辑也很容易。 $( "#form1" ).submit(function( event ) { event.preventDefault(); var $form = $( this ), data = $form.serialize(); var posting = $.post( "@(Request.RawUrl)", data ); posting.done(function( data ) { alert(data); }); }); 希望这对您有帮助。
ASP.NET VB WebService 请求出现 AJAX 500 错误
我正在尝试在 VB ASP.NET 页面上运行 AJAX Web 服务请求。 页面加载时,我尝试调用 Web 服务,但在控制台中收到 500 错误。 我的 WebService 文件如下所示: <
我正在使用 Laravel 开发一个用于学习目的的电子商务项目。我想知道是否可以在同一项目中甚至同一页面上同时使用 Blade 模板和 API 端点....
我正在构建一个magento扩展,其中我需要在左侧栏上以树形顺序显示所有产品,然后单击每个类别将通过发送ajax请求加载类别的产品。显示
我有一个加载模态窗口的 Jquery JS 脚本。在该模式窗口中有一个预代码标记,我通过 ajax 拉入脚本。我想使用Highlight.js 来使代码更具可读性。 我哈...
我的 WordPress 网站上已经有一个 Ajax 表单。现在,我需要第二个。所以我在 Function.php 中复制了该函数。但这不起作用。 第一种形式是接触。第二个是
我已经注册了 auth.login,以便对我的服务器进行 ajax 回调并更新登录计数。它不起作用,因为 php sdk 坚决拒绝查看用户是否正确登录...
使用 codeignter 和 ajax jquery 上传多个文件
我想使用 jquery ajax 在 Codeigniter 中一次上传多个文件,单个上传工作正常,但我尝试上传多个文件但收到此错误: 您没有选择要上传的文件...
在 Struts 2 中使用 JavaScript 加载 Ajax 内容
我在 Struts 2 中通过 Ajax 调用加载内容时遇到一个简单的问题(使用 Struts2 Dojo 插件)。它正在正确加载页面中的所有 HTML 内容,但如果有任何内联
我想做的是通过 Ajax 获取一个 json 对象,并仅使用一种值填充 Bootstrap Typeahead。 这是我的代码: nameTypeHead: 函数 () { var _self = 这个, ...
函数最小值(ID){ $Number = document.getElementById(ID); if ($Number.value < 1 && $Number.value !== "") { $Number.value = 1; } } echo ' function Min(ID) { $Number = document.getElementById(ID); if ($Number.value < 1 && $Number.value !== "") { $Number.value = 1; } } echo ' <form id="' . $Item2 . '"> <input type="image" src="AddToCart.png" style="margin:5px; float:left; font-size:25px;" width="65px" height="33" id="' . $EAN2 . '" onmouseup="KeyUp(this.id)" onmousedown="Click(this.id)"/> <input type="number" id = "' . $Image .'" name = "Amount" min="1" onKeyUp="Min(this.id)"> <input type="text" name = "ID" value="' . $Item . '" readonly style="display: none;"> <input type="text" name = "Cost" value="' . $Cost . '" readonly style="display: none;"> <input type="text" name = "Kom" value="' . $Kom . '" readonly style="display: none;"> <input type="text" name = "EAN" value="' . $EAN . '" readonly style="display: none;"> <input type="text" name = "Type" value="Food/Slatko" readonly style="display: none;"> <input type="text" name = "Image" value="' . $Image . '" readonly style="display: none;"> <input type="text" name = "Account" value="' . $_SESSION["Account"] . '" readonly style="display: none;"> </form>'; <script> echo " <script> $('#" . $EAN2 . "').on('click',function(event){ event.preventDefault() $.ajax({ type: 'get', url: 'ItemProcessor.php', data: $('#" . $Item2 . "').serialize(), }) }) </script>"; 我这里有这个表格。它通常会阻止用户在输入中输入小于 1 的值,但由于 ajax 代码,它无论如何都会发送它。 我尝试添加一个函数 onkeyup 来检查该值,如果低于该值则将其设置为 1,但是用户可以在不释放按键的情况下按下图像,仍然有一个负数。 我建议在 .ajax 调用之前添加验证。无论事件如何,它都会验证它: $('#" . $EAN2 . "').on('click', function(event) { event.preventDefault(); const amountInput = $('#" . $Image . "'); // Validate that the amount is at least 1 if (parseInt(amountInput.val()) < 1 || amountInput.val() === '') { amountInput.val(1); // Set it to 1 if it's less than 1 or empty alert('Amount must be at least 1.'); return; // Stop the form from submitting } $.ajax({ type: 'get', url: 'ItemProcessor.php', data: $('#" . $Item2 . "').serialize(), success: function(response) { console.log('Form submitted successfully:', response); // Additional handling for the response can be added here if needed }, error: function(xhr, status, error) { console.error('Form submission failed:', error); } }); });
Laravel 控制器在发送下一页的 AJAX GET 请求时重复返回第 1 页搜索结果
我正在尝试实现用户搜索。搜索功能运行良好,Laravel 分页也很好,但我想在搜索结果上实现无限滚动。我尝试将其实施给我们...
我正在使用 Laravel 11 和 jQuery 我有这个错误: 错误 404:未找到 { "message": "找不到路由 %7B%7B%20route('columns.all')%20%7D%7D。", “例外&...
我正在创建一个单页表单,提交表单后不会重新加载页面。我目前正处于第一次收到消息的阶段,就像我错误地填写了某些内容(没关系),但是...
使用ajax删除数据的帖子ID显示控制器路由中缺少必需的参数
我正在尝试通过数据表删除按钮删除数据。但我收到错误。 我创建的路线为: 路线::资源('经销商', DealerController::class); 我的控制器功能:: 公共职能...
Jquery Ajax 调用不通过 Post 请求发送所有变量
读了又读,我不知道为什么有两个变量没有通过,但有一个变量却通过了。 JQuery Ajax 调用(LAMP 环境): $(文档).ready(函数() { $('#</desc> <question vote="0"> <p>反复阅读,我不知道为什么有 2 个变量没有通过,但有一个变量却通过了。 JQuery Ajax 调用(LAMP 环境):</p> <pre><code><script type="text/javascript"> $(document).ready(function() { $('#postComment').click(function(e) { e.preventDefault(); var articleId = $('#articleId').val(); var commTitle = $('#commTitle').val(); var commBody = $('#commBody').val(); alert(articleId + commTitle + commBody); $.ajax({ type: "POST", url: 'https://www.d o m a i n.com/content/inc/postComment.php', // removed actual domain for this posting data: {"articleId": articleId}, // this var does not pass to postComment.php data: {"commTitle": commTitle}, // this var does not pass to postComment.php data: {"commBody": commBody}, // this var DOES pass to postComment.php success: function(response) { $('#responseComm').css('color', 'green'); $('#responseComm').val('Comment submitted successfully!'); $("#response").html('There is outcome while submit' + commTitle + '<p>' + commBody); } }); }); }); </script> </code></pre> <p>HTML 为:</p> <pre><code> <form action="#"> <div class="row g-4"> <div class="col-lg-6"> <input type="hidden" name="articleId" id="articleId" value="<?php echo $articleid; ?>"> <input type="text" class="form-control py-3" placeholder="<?php echo $_SESSION['username']; ?>" disabled> </div> <div class="col-lg-6"> <input type="text" class="form-control py-3" placeholder="<?php echo $articleTitle; ?>" value="<?php echo $articleTitle; ?>" name="commTitle" id="commTitle"> </div> <div class="col-12"> <textarea class="form-control" name="commBody" id="commBody" cols="30" rows="7" placeholder="Write Your Comment Here"></textarea> </div> <div class="col-12"> <button class="form-control btn btn-primary py-3" type="button" id="postComment">Submit Now</button> </div> </div> </form> </code></pre> <p>脚本中的其他地方未使用变量</p> <p>上面的代码片段都在同一个脚本中</p> <p>提前谢谢?</p> </question> <answer tick="false" vote="0"> <p>鉴于您的表单具有与您要使用 AJAX 发送的键同名的元素,最简单的方法是:</p> <ol> <li><p>向表单添加 <pre><code>id</code></pre>,以便 jQuery 可以识别它。例如,“新文章形式”。</p> </li> <li><p>将三行 <pre><code>data:</code></pre> 替换为:</p> <p><pre><code>data: $("#new-article-form").serialize()</code></pre></p> </li> </ol> <p>使用 jQuery 的 serialize() 函数,<a href="https://api.jquery.com/serialize/" rel="nofollow noreferrer">如此处所述</a>。</p> </answer> </body></html>
在我的 Flask 应用程序中,我试图向客户端显示后端任务的进度。客户端发送开始任务的初始请求。该任务包含一个循环,当它迭代时,它会更新...