ajax 相关问题

Laravel Ajax 根据所选选项显示列表

我正在使用 Laravel。我选择了下拉菜单，并通过选择特定选项，我正在过滤内容列表并使用 Laravel $request 刷新页面，但我正在努力过滤列表......

从ajax响应中提取xml属性时遇到问题

我正在使用 SharePoint on Premises 2019，并且我有一个对 SharePoint 列表的 ajax 请求。该列表有一个名为attachments 的预先存在的列，其中包含上传到其中的图像。 现在是阿贾克斯

在asp.net web api中使用MemoryStream和ZipArchive将zip文件返回给客户端

我正在尝试使用以下代码将zip文件从asp.net web api返回到客户端： 私有字节[] CreateZip（字符串数据） { 使用 (var ms = new MemoryStream()) { 使用 (var ar ...

使用AJAX发送FormData到nodejs+express服务器

这是我的前端JS。附带说明一下，FormData.append() 不起作用，因此我必须显式设置其属性。 @data 是一个具有输入名称：值属性的对象。 函数http（数据）{

为什么我的 AJAX 表单在提交时会刷新页面？

我正在创建一个简单的关注/取消关注系统，一切正常，因为它在我关注/取消关注时插入行并删除行，但由于某种原因，它每次都会刷新页面...

更改使用AJAX返回的JSON中图像的路径

每当我选择视图的颜色时，我都想更改图像，因此我编写了一个 Ajax 来返回该颜色的产品。这里的代码： $(document).on('change', '#colorId', function () { 获取图像(

MVC ajax post 到控制器操作方法

我一直在看这里的问题：MVC ajax json post to controller action method，但不幸的是它似乎对我没有帮助。我的几乎一模一样，除了我的方法标志...

jQuery Ajax 在同一页面上的 php 变量中的 select (onchange) 上传递值，无需表单发布

如何找回： 如何找回： <div id="test"> <?php if (isset($_POST['sweets'])) { ob_clean(); echo $_POST['sweets']; exit; } ?> </div> <form id="a" action="" method="post"> <select name="sweets" onchange="change()" id="select1"> <option >Chocolate</option> <option selected="selected">Candy</option> <option >Taffy</option> <option >Caramel</option> <option >Fudge</option> <option >Cookie</option> </select> </form> <!-- Script --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> function change() { var sweets = $("#select1").val(); $.ajax({ type: "POST", data: { sweets: sweets }, success: function(data) { $("#test").html(data); } }); } </script> 将值传递给 php 字符串： $string = $_POST['sweets']; <!-- I'm looking for this: --> 我希望这是可能的。我在 stackoverflow 和 google 上寻找答案，但找不到适合我的目的的答案。 对于同一个页面的ajax / PHP脚本，您可以将PHP放在脚本的顶部并以exit结束（当有if condition statement提交数据时，整个脚本包含在POST中） 为了让它更有意义，你可以考虑返回与你通过POST提交的内容相关的东西（这是甜食的类型），作为例子，我们展示一下它的一般定义。我们可以使用 switch，这是一种常用的语句/结构用于此目的（特别是回答您关于 <!-- I'm looking for this: --> 的问题）： switch ($string) { case "Chocolate": echo "Chocolate is made from cocoa beans, the dried and fermented seeds of the cacao tree"; break; case "Candy": echo "Candy is a sweet food made from sugar or chocolate, or a piece of this"; break; case "Taffy": echo "Taffy is a type of candy invented in the United States, made by stretching and/or pulling a sticky mass of a soft candy base"; break; case "Caramel": echo "Caramel is made of sugar or syrup heated until it turns brown, used as a flavouring or colouring for food or drink"; break; case "Fudge": echo "Fudge is a dense, rich confection typically made with sugar, milk or cream, butter and chocolate or other flavorings"; break; case "Cookie": echo "A cookie (American English) or biscuit (British English) is a baked snack or dessert that is typically small, flat, and sweet"; break; } ?> 所以以下是示例代码： <?php if (isset($_POST['sweets'])) { // ob_clean(); $string = $_POST['sweets']; switch ($string) { case "Chocolate": echo "Chocolate is made from cocoa beans, the dried and fermented seeds of the cacao tree"; break; case "Candy": echo "Candy is a sweet food made from sugar or chocolate, or a piece of this"; break; case "Taffy": echo "Taffy is a type of candy invented in the United States, made by stretching and/or pulling a sticky mass of a soft candy base"; break; case "Caramel": echo "Caramel is made of sugar or syrup heated until it turns brown, used as a flavouring or colouring for food or drink"; break; case "Fudge": echo "Fudge is a dense, rich confection typically made with sugar, milk or cream, butter and chocolate or other flavorings"; break; case "Cookie": echo "A cookie (American English) or biscuit (British English) is a baked snack or dessert that is typically small, flat, and sweet"; break; } exit; } ?> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <select name="sweets" onchange="change()" id="select1"> <option value="">Please select</option> <option >Chocolate</option> <option >Candy</option> <option >Taffy</option> <option >Caramel</option> <option >Fudge</option> <option >Cookie</option> </select> <br><br> <div id="test"></div> <script> function change() { var sweets = $("#select1").val(); $.ajax({ type: "POST", data: { sweets: sweets }, success: function(data) { $("#test").html(data); } }); } </script> 参见演示

Ajax 删除请求返回 200 但会引发错误而不是成功

嗨，我无法弄清楚我在哪里出错了，因为删除功能运行良好，但是，即使 JSON 响应返回成功，错误也会被触发。 $(文档).on('点击', '.rem...

如何通过fetch/axios获取本地文件？

出于学习原因，我需要使用其中一些网络 API，例如 fetch 或 axios，但要获取本地文件，因此不使用 fs 模块，也不导入它们。 我尝试了 fetch 和 axios，但是......

jQuery Ajax 在 php 同一页面上传递值 - 更新

如何找回： 如何找回： <div id="test"> <?php if (isset($_POST['sweets'])) { ob_clean(); echo $_POST['sweets']; exit; } ?> </div> <form id="a" action="" method="post"> <select name="sweets" onchange="change()" id="select1"> <option >Chocolate</option> <option selected="selected">Candy</option> <option >Taffy</option> <option >Caramel</option> <option >Fudge</option> <option >Cookie</option> </select> </form> <!-- Script --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> function change() { var sweets = $("#select1").val(); $.ajax({ type: "POST", data: { sweets: sweets }, success: function(data) { $("#test").html(data); } }); } </script> 将值传递给 php 字符串： $string = $_POST['sweets']; <!-- I'm looking for this: --> 我希望这是可能的。我在 stackoverflow 和 google 上寻找答案，但找不到适合我的目的的答案。 对于同一个页面的ajax/PHP脚本，可以将PHP放在脚本的最前面，当有POST提交数据时以exit结束 为了使其更有意义，您应该返回与您通过 POST 提交的内容相关的内容（这是甜食的类型），作为示例，我们展示其一般定义。我们可以使用 switch，这是用于此目的的常用结构： switch ($string) { case "Chocolate": echo "Chocolate is made from cocoa beans, the dried and fermented seeds of the cacao tree"; break; case "Candy": echo "Candy is a sweet food made from sugar or chocolate, or a piece of this"; break; case "Taffy": echo "Taffy is a type of candy invented in the United States, made by stretching and/or pulling a sticky mass of a soft candy base"; break; case "Caramel": echo "Caramel is made of sugar or syrup heated until it turns brown, used as a flavouring or colouring for food or drink"; break; case "Fudge": echo "Fudge is a dense, rich confection typically made with sugar, milk or cream, butter and chocolate or other flavorings"; break; case "Cookie": echo "A cookie (American English) or biscuit (British English) is a baked snack or dessert that is typically small, flat, and sweet"; break; } exit; } ?> 所以以下是示例代码： <?php if (isset($_POST['sweets'])) { // ob_clean(); $string = $_POST['sweets']; switch ($string) { case "Chocolate": echo "Chocolate is made from cocoa beans, the dried and fermented seeds of the cacao tree"; break; case "Candy": echo "Candy is a sweet food made from sugar or chocolate, or a piece of this"; break; case "Taffy": echo "Taffy is a type of candy invented in the United States, made by stretching and/or pulling a sticky mass of a soft candy base"; break; case "Caramel": echo "Caramel is made of sugar or syrup heated until it turns brown, used as a flavouring or colouring for food or drink"; break; case "Fudge": echo "Fudge is a dense, rich confection typically made with sugar, milk or cream, butter and chocolate or other flavorings"; break; case "Cookie": echo "A cookie (American English) or biscuit (British English) is a baked snack or dessert that is typically small, flat, and sweet"; break; } exit; } ?> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <select name="sweets" onchange="change()" id="select1"> <option value="">Please select</option> <option >Chocolate</option> <option >Candy</option> <option >Taffy</option> <option >Caramel</option> <option >Fudge</option> <option >Cookie</option> </select> <br><br> <div id="test"></div> <script> function change() { var sweets = $("#select1").val(); $.ajax({ type: "POST", data: { sweets: sweets }, success: function(data) { $("#test").html(data); } }); } </script>

jQuery Ajax 在 php 同一页面上传递值

当尝试在同一页面上发送值时，我对此感到有点困惑。 $("select[name='sweets']").change(function () { var str = ""; $("选择[name='sweets']选项:</desc> <question vote="8"> <p>当尝试在同一页面上发送值时，我对此感到有点困惑。</p> <pre><code> &lt;script&gt; $(&#34;select[name=&#39;sweets&#39;]&#34;).change(function () { var str = &#34;&#34;; $(&#34;select[name=&#39;sweets&#39;] option:selected&#34;).each(function () { str += $(this).text() + &#34; &#34;; }); jQuery.ajax({ type: &#34;POST&#34;, data: $(&#34;form#a&#34;).serialize(), success: function(data){ jQuery(&#34;.res&#34;).html(data); $(&#39;#test&#39;).text($(data).html()); } }); var str = $(&#34;form&#34;).serialize(); $(&#34;.res&#34;).text(str); }); &lt;/script&gt; &lt;div id=&#34;test&#34;&gt; &lt;?php echo $_POST[&#39;sweets&#39;]; ?&gt; &lt;/div&gt; &lt;form id=&#34;a&#34; action=&#34;&#34; method=&#34;post&#34;&gt; &lt;select name=&#34;sweets&#34; &gt; &lt;option&gt;Chocolate&lt;/option&gt; &lt;option selected=&#34;selected&#34;&gt;Candy&lt;/option&gt; &lt;option&gt;Taffy&lt;/option&gt; &lt;option&gt;Caramel&lt;/option&gt; &lt;option&gt;Fudge&lt;/option&gt; &lt;option&gt;Cookie&lt;/option&gt; &lt;/select&gt; &lt;/form&gt; </code></pre> <p>如果它位于 html 标签的顶部，它将显示，但如果它位于正文内部，它将显示 null。</p> </question> <answer tick="true" vote="12"> <p>这是适合您的工作代码。要将 ajax 请求发送到同一页面，您可以将 <pre><code>url</code></pre> 参数保留为空，您已经这样做了。如果您试图在 <pre><code>$_POST</code></pre> 有价值时使脚本表现不同，请使用 <pre><code>isset</code></pre>，就像我在下面使用的那样。</p> <pre><code> &lt;?php if(isset($_POST[&#39;sweets&#39;])) { echo $_POST[&#39;sweets&#39;]; exit; } ?&gt; &lt;script&gt; $(function(){ $(&#34;select[name=&#39;sweets&#39;]&#34;).change(function () { var str = &#34;&#34;; $(&#34;select[name=&#39;sweets&#39;] option:selected&#34;).each(function () { str += $(this).text() + &#34; &#34;; }); jQuery.ajax({ type: &#34;POST&#34;, data: $(&#34;form#a&#34;).serialize(), success: function(data){ jQuery(&#34;.res&#34;).html(data); $(&#39;#test&#39;).html(data); } }); var str = $(&#34;form&#34;).serialize(); $(&#34;.res&#34;).text(str); }); }); &lt;/script&gt; &lt;div id=&#34;test&#34;&gt; &lt;/div&gt; &lt;form id=&#34;a&#34; action=&#34;&#34; method=&#34;post&#34;&gt; &lt;select name=&#34;sweets&#34; &gt; &lt;option&gt;Chocolate&lt;/option&gt; &lt;option selected=&#34;selected&#34;&gt;Candy&lt;/option&gt; &lt;option&gt;Taffy&lt;/option&gt; &lt;option&gt;Caramel&lt;/option&gt; &lt;option&gt;Fudge&lt;/option&gt; &lt;option&gt;Cookie&lt;/option&gt; &lt;/select&gt; &lt;/form&gt; </code></pre> </answer> <answer tick="false" vote="3"> <p>你应该用</p>包装你的代码 <pre><code>$(document).ready(function(){ // your code here }); </code></pre> <p>这样，它只会在浏览器完成对 HTML 结构的处理后运行。 </p> <p><strong>更新</strong></p> <p>你的代码中有很多调试内容，试试这个（需要 Firebug 查看 ajax 请求的输出）：</p> <pre><code>&lt;script&gt; $(document).ready(function(){ $(&#34;select[name=&#39;sweets&#39;]&#34;).change(function () { jQuery.ajax({ type: &#34;POST&#34;, data: $(&#34;form#a&#34;).serialize(), success: function(data) { // Check the output of ajax call on firebug console console.log(data); } }); }); }); &lt;/script&gt; </code></pre> </answer> <answer tick="false" vote="0"> <p>如何找回：</p> <pre><code>&lt;div id=&#34;test&#34;&gt; &lt;?php if (isset($_POST[&#39;sweets&#39;])) { ob_clean(); echo $_POST[&#39;sweets&#39;]; exit; } ?&gt; &lt;/div&gt; </code></pre> <p>我正在找这个：</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>$string = $_POST[&#39;sweets&#39;]; &lt;h2&gt;&lt;?= $string;&lt;/h2&gt; &lt;form id=&#34;a&#34; action=&#34;&#34; method=&#34;post&#34;&gt; &lt;select name=&#34;sweets&#34; onchange=&#34;change()&#34; id=&#34;select1&#34;&gt; &lt;option &gt;Chocolate&lt;/option&gt; &lt;option selected=&#34;selected&#34;&gt;Candy&lt;/option&gt; &lt;option &gt;Taffy&lt;/option&gt; &lt;option &gt;Caramel&lt;/option&gt; &lt;option &gt;Fudge&lt;/option&gt; &lt;option &gt;Cookie&lt;/option&gt; &lt;/select&gt; &lt;/form&gt;</code></pre> </div> </div> <p></p> </answer> <answer tick="false" vote="-1"> <p>我相信还有另一种方法可以在同一页面上获取ajax响应。但有些变化适用。</p> <p>就像这样简单又简短</p> <pre><code>&lt;script&gt; function change() { var sweets = $(&#34;#select1&#34;).val(); $.ajax({ type: &#34;POST&#34;, data: { sweets: sweets }, success: function(data) { $(&#34;#test&#34;).html(data); } }); } &lt;/script&gt; &lt;div id=&#34;test&#34;&gt; &lt;?php if (isset($_POST[&#39;sweets&#39;])) { ob_clean(); echo $_POST[&#39;sweets&#39;]; exit; } ?&gt; &lt;/div&gt; &lt;form id=&#34;a&#34; action=&#34;&#34; method=&#34;post&#34;&gt; &lt;select name=&#34;sweets&#34; onchange=&#34;change()&#34; id=&#34;select1&#34;&gt; &lt;option &gt;Chocolate&lt;/option&gt; &lt;option selected=&#34;selected&#34;&gt;Candy&lt;/option&gt; &lt;option &gt;Taffy&lt;/option&gt; &lt;option &gt;Caramel&lt;/option&gt; &lt;option &gt;Fudge&lt;/option&gt; &lt;option &gt;Cookie&lt;/option&gt; &lt;/select&gt; &lt;/form&gt; </code></pre> <p>我检查了一下，效果很好</p> </answer> </body></html>

Google 会抓取 AJAX 内容吗？ [已关闭]

在我网站的主页上，我使用JQuery的ajax功能来下拉用户最近活动的列表。 页面上显示最近的活动，最近的每一行活动包括...

Django >= 3.1 和 is_ajax

HttpRequest.is_ajax() 从版本 3.1 开始已弃用。 如果从浏览器请求页面，我想返回 html；如果从 javascript 或以编程方式调用，我想返回 JsonResponse。 我是

通过ajax php上传图像并在隐藏输入字段中返回图像名称

我有一张带有一个图像上传字段的表单。 我想使用ajax上传图像文件，并在提交主表单之前通过ajax成功填充表单中的一个隐藏字段，并使用返回的图像名称...

OAuth 2 刷新令牌 invalid_grant

以下 Taiseer Joudeh 优秀文章 使用 ASP .NET Web API 2 和 Owin 在 AngularJS 应用程序中启用 OAuth 刷新令牌 (http://bitoftech.net/2014/07/16/enable-oauth-refresh-tokens-angularjs-app...

我想在 php mysqli 中编辑数据表，但无法更新。请帮助我

在php中，当我输入任何输入类型时，在成功函数中它显示“已更新”。我无法输入用户名、手机、电子邮件、城市。 $(document).on('点击','#editUserForm',function(e){ e.

如何抓网::ERR_CONNECTION_REFUSED

有没有办法捕获无法加载资源：net::ERR_CONNECTION_REFUSED，我已经尝试过： 尝试 { $.post('',{},函数(res) { }).fail(函数 (xhr, textStatus, errorThrown) { xhr.textSta...

向 Symfony 6 表单生成器添加具有 2 种不同类型的表单字段

->add('useExtendedCustomer', CheckboxType::class, [ 'label' => '创建新客户？', '映射' => 假， '必需' => 假， ...

我正在使用 htmx javascript API 如何从服务器获取响应

我的代码块看起来像这样，基本上当触发模式时我发送一个 GET 请求并检索响应，它确实发送了请求，但我无法看到（或者更好地说）...