ajax 相关问题

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

使用 JavaScript 触发 Elementor 弹出窗口

我是新来的,没有很多编码经验, 我正在使用 WordPress 中的图像地图专业插件创建交互式“建筑”图像地图,目标是让形状触发元素...

回答 1 投票 0

Django中无法正确接收来自Ajax的数据

我想从 jquery/Ajax 请求接收 Django 视图中的数组数据,但由于某种原因我无法正确执行此操作。 这是一段js代码: var arr = [1, 2]; $.ajax({ 类型:'POS...

回答 3 投票 0

如何检查源服务器是否可用并能够使用 JavaScript 完成 Ajax 请求

我想知道使用 JavaScript 检查源服务器是否可访问并可用于处理 Ajax 请求的最简单方法是什么?提供更多背景信息:有相关页面

回答 1 投票 0

如何通过 JavaScript 使用来自另一个域的服务器响应代码

首先,我想指出,我知道 JavaScript 的跨域问题。 我不会认为这是可能的,除非我确实在控制台中看到了 404/200 响应代码。

回答 1 投票 0

如何在 MVC 中使用 ajax 使用新从服务器获取的数据重新初始化数据表

所以这里我有管理员菜单列表,在它们下面有上传新闻。单击此特定菜单时,我将调用部分视图,如下所示。 $("#body_data").load("/Admin/GetDailyNews", 函数...

回答 8 投票 0

将 2 个下拉列表和文本字段的值一起添加到 yii 中的另一个文本字段中显示结果

我有两个下拉列表和一个文本字段。我想将它们的值加在一起并使用 Yii 在另一个文本字段中显示结果。 在 _form 中我有这个。 我有两个下拉列表和一个文本字段。我想将它们的值加在一起并使用 Yii 在另一个文本字段中显示结果。 在 _form 中我有这个。 <tr> <td><?php echo $form->labelEx($model,'typeofpaper'); ?></td> <td><?php $data = CHtml::listData(PaperType::model()->findAll(),'id','title'); if(isset($_REQUEST['id'])) { $sel = $_REQUEST['id']; } else { $sel =''; } echo $form->dropDownList($model, 'typeofpaper', $data, array('prompt'=>'Type of Paper','options'=>array($sel=>array('selected'=>true)))); ?> <?php echo $form->error($model,'typeofpaper'); ?></td> </tr> <tr> <td><?php echo $form->labelEx($model,'deadline'); ?></td> <td><?php echo $form->dropDownList($model,'deadline', array('3hrs'=> '3 hrs', '6hrs'=>'6 hrs', '12hrs'=>'12 hrs', '24hrs'=>'1 day', '48hrs'=>'2 days', '72hrs'=>'3 days', '96hrs'=>'4 days', '120hrs'=>'5 days', '144hrs'=>'6 days', '168hrs'=>'7 days', '172hrs'=>'8 days', '196hrs'=>'9 days', '220hrs'=>'10 days', '244hrs'=>'11 days', '268hrs'=>'12 days', '292hrs'=>'13 days', '316hrs'=>'14 days', '340hrs'=>'15 days'),array('empty' => 'Select Urgency Level')); ?> <?php echo $form->error($model,'deadline'); ?> </td> </tr> <tr> <td><?php echo $form->labelEx($model,'nopages'); ?></td> <td><?php echo $form->textField($model,'nopages'); ?> <?php echo $form->error($model,'nopages'); ?></td> </tr> 尝试并遵循这些指南 根据 yiipublic string dropDownList(CModel $model, string $attribute, array $data, array $htmlOptions=array ( )) 的下拉菜单。 因为 $data 并假设 $deadlineData = array('3hrs'=>'3 hrs','6hrs'=>'6 hrs'...) 是数组并表示列表选项(value=>display),你可以使用 array_merge($data,$deadlineData) 组合两个数组,并使用 foreach 循环并获得组合结果。然后您可以继续将结果输出到文本字段中

回答 1 投票 0

如何用c#在不刷新页面的情况下根据所选选项显示价格

到目前为止我还没有使用过Ajax,我想在选择所需选项后显示价格而不刷新页面。 到目前为止,我还没有使用过 Ajax,我想在选择所需选项后显示价格,而不刷新页面。 <div class="form-group"> <label class="control-label">choice your Option</label> <select> @foreach (var item in Materials) { <option value="@item.Id"> @item.MaterialName @item.Panel </option> } </select> <span class="main-price ">@item.Price</span> </div> 让我们看看我们可以为您的案例做些什么: 将 id 分配给您的 select 以保存您将发送给服务器的值,并为 span 分配以显示服务器的输出: <div class="form-group"> <label class="control-label">choice your Option</label> <select id="ddlMaterial"> @foreach (var item in Materials) { <option value="@item.Id"> @item.MaterialName @item.Panel </option> } </select> <span class="main-price" id="priceDisplay">@item.Price</span> </div> 现在我们定义将请求发送到服务器的 AJAX 调用。该请求将获取所选选项的当前 id,然后将其转换为 JSON 字符串,发送到服务器进行处理。 url 是将在此调用中调用的操作方法: $(document).ready(function () { $("#ddlMaterial").change( function (event) { var id = $(this).val(); var json = {id : id}; $.ajax({ type: 'POST', url: "@Url.Action("GetPrice", "Home")", dataType : "json", data: {"json": JSON.stringify(json)}, success: function(data) { if(data.status=="true") { $("#priceDisplay").text(data.price); } else { alert('Some error'); } }, error: function(data) { alert('Some error'); window.location.reload(); } }); }); }); 最后你的 Controller 操作方法将是: using System.Web.Script.Serialization; [HttpPost] public JsonResult GetPrice(string json) { var serializer = new JavaScriptSerializer(); dynamic jsondata = serializer.Deserialize(json, typeof(object)); //Get your variables here from AJAX call var id = Convert.ToInt32(jsondata["id"]); //Get the price based on your id from DB or API call var getMyPrice=GetPrice(id); return Json(new {status="true", price= getMyPrice}); }

回答 1 投票 0

如果西班牙语网站图像不存在,如何加载英语网站图像

我有一个多语言网站。使用html、javascript,如果西班牙语文件夹中不存在图像,则可能是ajax,它应该从英语文件夹中加载图像。 路径示例 英文网站:images/ho...

回答 1 投票 0

如何在blade模板中从Javascript ajax文件重定向Laravel路由

我尝试重定向到 Laravel 中的索引页面,并使用了 ajax。我将包含代码 控制台.log(响应); 如果(响应.成功){ console.log(“Berhasil menyimpan 数据 pembelian. ...

回答 1 投票 0

为什么它无法识别日期选择器上的任何选择?

我正在尝试用没有预订预约的时间填充选择下拉列表,现在我遇到了日期选择器的一些非常愚蠢的事情,因为我希望它被填充...

回答 1 投票 0

发回json字符串有echo问题

我使用json_encode通过ajax将数据从php发送回jquery。 我注意到 jquery 只允许我们在 php 中使用 ONE echo。 如果我使用 echo json_encode($array);.... 然后再使用一个 ...

回答 3 投票 0

对控制器方法的意外 HTTP 请求导致动态生成的表单中出现 403 Forbidden

我在dashboard_view.php中有一个锚标记,它的设计就像一个重定向到view_cart控制器方法的按钮。 我在 dashboard_view.php 中有一个锚标记,它的设计就像一个重定向到 view_cart 控制器方法的按钮。 <a class="show_cart" href="<?=base_url('ProductsController/view_cart');?>">Cart (0)</a> 我有一个控制器方法来加载包含表单的页面。 public function view_cart() { $this->load->view('customer/cart_view'); } 流程如下: 我获取产品并将其单独放入表格中。 cart_view.php $(document).ready(function() { getCartProducts(); processProductQuantityForm(); function getCartProducts() { $.ajax({ url: "<?=base_url('ProductsController/getCartProducts');?>", type: 'GET', dataType: 'json', success: function(response) { $.each(response.cart_items, function(index, cart) { let cartItem = `<form action="" class="product" method="post"> <input type="hidden" name="<?=$this->security->get_csrf_token_name();?>" value="<?=$this->security->get_csrf_hash();?>"> <input type="hidden" name="cart_id" value="${cart.cart_id}"> <input type="text" class="csrf" value="123"> <ul> <li> <img src="<?=base_url('${cart.image_url}');?>" alt=""> <h3>${cart.name}</h3> <span>₱${cart.price}</span> <ul> <li> <label>Quantity</label> <input type="text" min-value="1" id="quantity" data-cart_id="${cart.cart_id}" value="${cart.quantity}" name="quantity"> <!--NOTE: This is the button that triggers the submit--> <ul> <li><button type="button" class="increase_quantity" data-quantity-ctrl="1"></button></li> <li><button type="button" class="decrease_quantity" data-quantity-ctrl="0"></button></li> </ul> </li> <li> <label>Total Amount</label> <span class="total_amount" data-price="${cart.price}" id="total_amount">₱${cart.total_amount}</span> </li> <li> <button type="button" class="remove_item"></button> </li> </ul> <div> <p>Are you sure you want to remove this item?</p> <button type="button" class="cancel_remove">Cancel</button> <button type="button" class="remove">Remove</button> </div> </li> </ul> </form>`; $('.cart_items_form').append(cartItem); }); updateProductQuantity(); }, error: function(jqXHR, textStatus, errorThrown) { console.log('AJAX Error:', textStatus, errorThrown); } }); } }); 用户提交表单来更新数量,触发更新购物车中产品数量的 AJAX 调用。 function updateProductQuantity() { $('.product').on('click', '.increase_quantity, .decrease_quantity', function() { let quantityInput = $(this).closest('form').find('#quantity'); let quantity = quantityInput.attr('value'); let newValue; if ($(this).hasClass('increase_quantity')) { quantityInput.attr('value', function(index, oldValue){ newValue = parseInt(oldValue, 10) + 1; return newValue; }); } else if (quantity > 1) { quantityInput.attr('value', function(index, oldValue) { newValue = parseInt(oldValue, 10) - 1; return newValue; }); } /*Submit the form when these buttons are clicked, containing the new quantity, csrf token and cart id*/ $(this).closest('.product').submit(); updateTotal(quantityInput); }); 成功 AJAX 响应后,我会更新提交表单中的 CSRF 令牌。 function processProductQuantityForm() { $('.cart_items_form').on('submit', '.product', function(e) { e.preventDefault(); let formData = new FormData(this); $.ajax({ url: "<?=base_url('ProductsController/processProductQuantityForm');?>", type: 'POST', dataType: 'json', data: formData, contentType: false, processData: false, success: function(response) { console.log(response); $(".csrf").val(response.result.newCsrfToken); $("input[name='<?= $this->security->get_csrf_token_name() ?>']").val(response.result.newCsrfToken); }, error: function(jqXHR, textStatus, errorThrown) { console.log('AJAX error:', textStatus, errorThrown); } }); }) } 问题是: 紧接着,会自动触发对 http://localhost/thrifted-threads/ProductsController/view_cart 的意外 HTTP POST 请求,从而导致 403 Forbidden 错误。我无法确定为什么会发生此请求。但它在前端运行成功,并且成功更新数据库中的数量。 我认为你需要 e.stopImmediatePropogation() 而不是 e.preventDefault() 来防止事件冒泡到表单元素。 https://api.jquery.com/on/

回答 1 投票 0

即使开关处于关闭状态也会调用Ajax调用

我有一个引导开关和一个带有 ajax 调用的 jquery 脚本,只有在选中开关时才应启动该脚本。发生的情况是,当我第一次加载页面时,一切都很好(swi...

回答 1 投票 0

Python 本地服务器问题:通过 ajax 发布时 rfile 被截断

通过 Ajax POST 到本地 python http.server 接收大字符串时遇到问题。 我正在尝试创建一个在本地主机上运行的网络应用程序。 Web 应用程序加载 JSON 文件...

回答 3 投票 0

单击ajax表中的按钮时突出显示行

我想在单击编辑按钮时在ajax表中的选定行上添加突出显示类。我不知道为什么我的代码不起作用。你可以帮帮我吗?提前致谢。 函数 getData(){ ...

回答 1 投票 0

为什么尝试在加载时对类进行 ajax 调用会因多个元素而失败?

附件显示在控制台中,但从未进行过ajax调用。 这是我用来附加 ajax 调用的 HTML: 站点名称1 附件显示在控制台中,但从未进行过ajax调用。 这是我用来附加 ajax 调用的 HTML: <tr> <td>Sitename1</td> <td class="ajax-delsite" data-site="sitename1" id="sitename1"> </td> </tr> <tr> <td>Sitename2</td>' . "\n"; <td class="ajax-delsite" data-site="sitename2" id="sitename2"> </td> </tr> 这是失败的 jquery: $(".ajax-delsite").on('load', function(e){ var site = $(this).data("site"); $.ajax({ url: "/ajax/remove-site.php", type: "POST", data: { site: site }, success: function(feedback){ $("#ajaxResult").html(feedback); } }); }); 我做错了什么? load 不支持 td 元素,您可以在 here 阅读有关支持元素的更多信息。 在你的情况下,你可以使用JQuery的文档准备或文档加载 $(document).ready(function () { const site = $(".ajax-delsite").data("site"); $.ajax({ url: "/ajax/remove-site.php", type: "POST", data: { site: site }, success: function (feedback) { $("#ajaxResult").html(feedback); } }); });

回答 1 投票 0

使用AJAX改变内部HTML有什么好处?

我有代码创建一个新的XMLHttpRequest来更改元素的innerhtml以切换页面。然而,我意识到简单地改变 insidehtml 的效果是完全相同的。所以我很奇怪...

回答 1 投票 0

通过ajax post将js文件中的json数据发送到.NET控制器时出现问题

所以,我试图通过ajax post从客户端(js)到服务器(.net控制器)获取json字符串。由于某种我无法理解的原因,它到达了控制器,但是 l...

回答 1 投票 0

Laravel 11 AJAX 请求只显示响应数据,不执行成功函数

Laravel 11 AJAX 请求仅显示响应数据,而不执行 AJAX 中的成功函数。我已经添加了下面的所有代码。 索引.blade.php: Laravel 11 AJAX 请求仅显示响应数据,而不执行 AJAX 中的成功函数。我已添加以下所有代码。 Index.blade.php: <table id="employeesTable" class="table table-hover datatable"> <thead> <tr> <th>ID</th> <th>Image</th> <th>Full Name</th> <th>Email</th> <th>Details</th> <th>Status</th> <th>Action</th> </tr> </thead> <tbody> </tbody> </table> 脚本: <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script> <script> $(document).ready(function() { fetchEmployees(); function fetchEmployees() { $.ajax({ url: '/system/employee', type: 'GET', dataType: "json", success: function(res) { console.log(res.employees); } }); } }); </script> 在控制器中: public function index() { $query = Employee::query(); $employees = $query->orderBy('created_at', 'desc') ->get(); return response()->json(["employees" => $employees]); } 显示此内容的回复 --> 回复SS 我还没找到解决办法! 运行 config:cache Artisan 命令来缓存配置文件: php artisan config:cache 这将在 Laravel 应用程序的 bootstrap/cache 目录中生成一个缓存的配置文件 (config.php)。确保 Web 服务器可写入该目录。

回答 1 投票 0

Woocommerce ajax 删除按钮不会从购物车中删除商品,但会返回 { success: false }

在我正在构建的商店的设计中,woocommerce 主题覆盖的 woocommerce/content-product.php 文件上的“添加到购物车”按钮更改为“从购物车中删除”按钮,以允许用户

回答 1 投票 0

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