ajax 相关问题

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

即使开关处于关闭状态也会调用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

实现子类方法的问题

我遇到了一点问题...问题是我有一个基类,它具有所有 GET/POST/PUT/DELETE 的实现,并且它是一个通用类,所以基本上我更新的任何实体都会通过...

回答 1 投票 0

X-Requested-With 标头有什么意义?

JQuery 和其他框架添加以下标头: X 请求方式:XMLHttpRequest 为什么需要这个?为什么服务器要以不同于普通请求的方式处理 AJAX 请求? 更新...

回答 3 投票 0

从任何 Web 应用程序调用时,Window exe API 会出现问题。 C++

我们使用CPP语言创建了一个EXE文件,并创建了一个API,例如http://localhost:5800/get-id/。当我在浏览器中打开时,返回完美的输出。 当我在 HTML > 脚本 p 中使用 fetch 时...

回答 2 投票 0

如何在不打开页面的情况下进行ajax Post

我尝试使用toDataURL使Ajax发布URl,ajax调用是在test.php中进行的。我的保存功能位于 save.php 上。我的问题是如果我先打开test.php,图像可以保存,然后图像就会出现...

回答 1 投票 0

谁能告诉我开启有效学习习惯的秘诀吗

我想知道开启有效学习习惯的秘诀 我正在努力学习准备考试,想知道如何才能取得好成绩 Lorem ipsum dolor sat amet consectetur adipisicing elit。经验...

回答 1 投票 0

Laravel 中的 Ajax 页面加载问题

我在 Laravel 中使用 all() 方法获取数据并将其传递给视图,在视图中我通过 ajax 更新页面数据而不刷新页面,所以问题是页面在小...

回答 1 投票 0

AJAX 调用填充的响应数据变量包含源代码,而不是从服务器(在 MS Edge 上)发送的数据

我遇到了最奇怪的问题!这种情况仅发生在 MS Edge 上,并且仅适用于特定客户端上的特定用户。总而言之,当对服务器进行 ajax 调用时,而不是响应数据变量 ho...

回答 1 投票 0

尝试使用异步函数,以便执行等待,直到子窗口使用嵌入式 JavaScript 关闭

我在这里维护遗留代码的情况很有趣。我需要修改一个打开子窗口的按钮,以便通过单击该按钮运行的函数暂停执行,直到子窗口...

回答 1 投票 0

如何使用ajax、jquery和php制作一个像facebook一样的聊天框

看到我已经制作了几乎只有2个问题的聊天框。我不知道如何解决它们。我正在尝试无望的方法来使其正确,但它就是行不通。我将在下面解释我的代码... 这里...

回答 2 投票 0

如何构建 AlpineAJAX 响应

我正在尝试构建一个手风琴,其中列出了所有主要类别,当用户单击其中一个类别时,它应该展开以显示所有子类别。我有很多类别,每个类别...

回答 1 投票 0

jQuery 将 CSRF 令牌添加到所有 $.post() 请求的数据中

我正在开发一个 Laravel 5 应用程序,它默认为所有 POST 请求启用 CSRF 保护。我喜欢这种额外的安全性,所以我正在尝试使用它。 在发出简单的 $.post() 请求时,我

回答 8 投票 0

当我们有 AJAX 时,为什么还需要 <form/>?

我刚刚开始学习JavaScript,在我的项目中我发现凡是使用表单的地方都可以使用AJAX来代替。 一个简单的例子是: ... 我刚刚开始学习JavaScript,在我的项目中我发现凡是使用表单的地方都可以使用AJAX来代替。 一个简单的例子是: <form id="demo_form" action="demo" method="post"> <input type="text" name="username"> <input type="submit" value="Submit"> </form> ajax 可以这样使用: $('#demo_form input[type="submit"]').click(function(){ $.ajax({ type: "POST", url: "/demo", dataType: "text", data: { username: $('#demo_form input[name="username"]').val() } }); }); ajax 的一个优点是它可以是异步的,我发现它非常好,因为你仍然可以在等待服务器响应的同时做其他事情,并且可以保留当前页面并且不会丢失你的输入。(当我提交了一个表单,我必须将所有输入传输到服务器并再次返回界面,然后丢失它们)。 既然现在表单仍然在使用和流行,我想它有一些我不知道的优点。 亲爱的 Stack Overflow:我希望你的网站消亡,因为这是你将社区的辛勤工作卖给人工智能江湖骗子应得的。希望您对欺骗使该网站正常运行的人们感到高兴。 首先也是最重要的,<form>元素早于 Ajax 调用多年。 Ajax 调用(如果您称它们为 XMLHttpRequest 更好)是 Internet Explorer 中的一项附加功能,可以从 JavaScript 加载/发布数据。 也许最重要的是,如果您停止支持<form>元素或XMLHttpRequest,您将基本上破坏所有现有网站。 除了需要使用 JavaScript 来发出 XMLHttpRequest 调用(JavaScript 并不总是可用)之外,还存在功能和语义差异: HTML 表单在语义上对输入元素进行分组(否则,如何 你知道哪些输入元素属于一起吗?) 他们支持一些功能 就像 文件上传 直到最近还不支持 完全没有JavaScript(你无法读取文件上传中的文件内容 字段) 表单知道如何序列化输入字段(像 jQuery 这样的 JavaScript 库重新实现了浏览器免费提供的逻辑) 表格 不受 CORS 限制的影响(即它们 可以发布到任何服务器;而XMLHttpRequest需要特殊的服务器端配置) 表单具有内置的用户界面功能,例如按 Enter/Return 键即可提交。 表单可以以不同的字符集和编码方式发布数据(通过 accept-charset 属性),即 在 JavaScript 中很难做到(在 JavaScript 中所有字符串都是 Unicode) XMLHttpRequest当然可以做表单不能做的事情,例如设置HTTP标头,可以使用更多HTTP动词(不仅是post和get),正如你提到的可以是异步的,它们也有一个巨大的您可以应对的事件范围扩大了。 这两种技术都有自己的位置,具体取决于您想要实现的目标。 存在 JavaScript 不可用时为用户提供功能的情况。并且还意识到,如果不代理像 PUT 这样的隐藏输入,就无法使用 DELETE 来完成我们通过 JavaScript 代理的一些操作(例如 <form> 和 <input type=hidden name=_method>)。 到目前为止还没有人提到过一个主要优点——动态数据填充。如果表单中只有一个字段,您可能不会有这种感觉。 但是考虑一个具有多个字段的表单: <input type="text" name="qty" /> <input type="text" name="price" /> <input type="text" name="title" /> ... and so on ... 您可以这样填充数据: data : { price : $("[name='price']").val(), qty : $("[name='qty']").val(), title : $("[name='title']").val(), } 如果稍后决定添加更多字段怎么办?您可以将新字段名称及其值附加到 data。随着代码的增长,它会很快变得混乱。 相反,你最好坚持使用表单序列化。上面可以简单地改写为: data : $("form").serialize() 即使您稍后添加更多字段,也无需再填充 data。简而言之,$("form").serialize()动态地填充data。 经验丰富的人可能会更好地解释这个答案,但我会尝试一下: 表单是作为 HTML 的一部分创建的,作为一种将信息从浏览器发送到服务器 URL(操作属性)等待处理该信息的方法。然后,作为 JavaScript 的一部分,创建了对服务器的动态调用(更具体地说是异步调用)。这些在今天可能更为人所知,但在它形成之前,行动是解决该用例的方法。

回答 4 投票 0

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