ajax 相关问题

AJAX 发布 HTML 代码

我在使用 AJAX 发送一些 HTML 代码时遇到问题，请参阅下面的代码 ...</desc> <question vote="0"> <p>我在使用 AJAX 发送一些 HTML 代码时遇到问题，请参阅下面的代码</p> <pre><code>&lt;iframe src=&#34;http://www.w3schools.com&#34; width=&#34;10&#34; height=&#34;10&#34; id=&#34;awc_frame&#34;&gt;&lt;/iframe&gt; &lt;script&gt;var iframe = document.getElementById(&#34;awc_frame&#34;);&lt;/script&gt; </code></pre> <p>下面是AJAX代码</p> <pre><code>&lt;script&gt; $.ajax({ type: &#34;POST&#34;, url: &#34;mobileView.php&#34;, data: { val : iframe }, success: function(data){ console.log(data); } }) &lt;/script&gt; </code></pre> <p>代码没有将变量发送到 PHP 文件。查看它发送文本的网络方面，即如果我在 iframe 周围放置“”，它会发送此代码 “val = iframe”，但不是 iframe 中的实际代码。 “var iframe”确实起作用并拉回 iframe 的 HTML 代码</p> <p>请告诉我我做错了什么。 </p> <p>提前致谢。</p> <p>编辑：对不起。这不是我需要发送的 iFrame 内的 HTML 代码，而是我需要发送的整个 iFrame 代码。 </p> <p><strong>另一个编辑：当我公司的访问者访问我的网站时，我想要完成什么，我希望 Javascript 或 Jquery 从访问者计算机加载内部网站，然后获取该网站上的所有代码客户端发送到服务器，服务器将整个 iFrame 代码存储在数据库中。</strong></p> </question> <answer tick="false" vote="0"> <p>这将在 iframe 内发送整个 html。</p> <pre><code>var iframe = $(&#39;#awc_frame&#39;).html(); </code></pre> </answer> <answer tick="false" vote="0"> <p>首先，<pre><code>var iframe</code></pre>不包含 iframe 元素的 HTML - 它包含一个 DOM 节点，它是 iframe 元素的包装器（它包含该元素的各种属性，包括 HTML）。<br/> 接下来，您可能想要等待 iframe 完全加载所有内容，因此您必须绑定到它的 <pre><code>load</code></pre> 事件。</p> <p>这样的东西应该有效：</p> <pre><code>var $iframe = $(&#34;#awc_frame&#34;); $iframe.on(&#34;load&#34;, function () { var iframeHTML = $iframe[0].contentWindow.document.body.innerHTML; // jQuery alternative var iframeHTML = $iframe.contents().find(&#34;body&#34;).html(); $.ajax({ type: &#34;POST&#34;, url: &#34;mobileView.php&#34;, data: { val: iframeHTML }, success: function(data){ console.log(data); } }); }); </code></pre> <h3>这个例子中非常重要的事情</h3> <p>还有一件事 - 请注意，对于您自己域之外的网站，此代码将不起作用（由于同源政策）。任何其他代码也不起作用。</p> </answer> <answer tick="false" vote="0"> <p>由于 javascript 在从跨域 iframe 获取 HTML 方面存在问题，因此您无法跨域执行此操作。但是，为什么不直接将 iframe 的 src 属性发送到 PHP 页面，然后使用 file_get_contents 获取 HTML，然后存储它呢？问题已解决：</p> <p>Javascript：</p> <pre><code>var iframe = $(&#39;#awc_frame&#39;).prop(&#39;src&#39;); $.ajax({ type: &#34;POST&#34;, url: &#34;posttest.php&#34;, data: { val : iframe }, success: function(data){ console.log(data); } }); </code></pre> <p>PHP：</p> <pre><code>$html = file_get_contents($_POST[&#39;val&#39;]); </code></pre> </answer> <answer tick="false" vote="0"> <p>你想做什么？ </p> <pre><code>var iframe = document.getElementById(&#34;awc_frame&#34;); </code></pre> <p>上面的代码是 iframe 的 javascript 对象，其中包含很多属性..由于您使用的是 jQuery，因此可以通过以下方式获得：</p> <pre><code>var iframe = $(&#39;#awc_frame&#39;); </code></pre> <p>请记住，上面的代码是 jquery 对象格式中的元素本身，您可以像这样获取元素对象：</p> <pre><code>var iframe = $(&#39;#awc_frame&#39;)[0]; </code></pre> <p>** 你做错了什么。</p> <p>如果您尝试获取 iframe HTML 内容：</p> <pre><code>var iframe_contents = $(&#34;#awc_frame&#34;).contents(); </code></pre> <p>如果您详细解释一下您想要做什么，我可以更新我的答案以适合您。</p> <p><strong>* 更新*</strong> 考虑你想做什么..</p> <p><strong>方法#1：（简单方法）</strong></p> <p>您可以使用php来获取您需要的网站内容：</p> <pre><code>&lt;?php $contents = file_get_contents(&#39;http://www.w3schools.com&#39;); // Saving $contents to database... ?&gt; </code></pre> <p><strong>方法＃2：（困难的方法）</strong></p> <p>正如 @mdziekon 所说，你首先应该等到你的 iframe 加载完毕：</p> <pre><code>var iframe = $(&#34;#awc_frame&#34;); iframe.on(&#34;load&#34;, function () { var contents = $(this)[0].innerHTML; $.ajax({ type: &#34;POST&#34;, url: &#34;mobileView.php&#34;, data: { val: contents }, success: function(data){ console.log(data); } }); }); </code></pre> <p>希望能解决你的问题</p> </answer> </body></html>

在 WooCommerce 中完成 Ajax 事件后如何更改 HTML

我有带有产品过滤器的 WooCommerce 产品列表页面。产品过滤器适用于 Ajax。 Ajax 影响产品列表 - 使用新项目重新加载新列表。我需要添加受 Ajax 影响的类，我...

使用 WooCommerce 完成 Ajax 事件后如何更改 HTML

我有带有产品过滤器的 Woocommerce 产品列表页面。产品过滤器适用于 Ajax。 Ajax 影响产品列表 - 使用新项目重新加载新列表。我需要添加受 Ajax 影响的类，我...

Ajax返回后如何更改HTML？ WooCommerce / WordPress

我有带有产品过滤器的 Woocommerce 产品列表页面。产品过滤器适用于 Ajax。 Ajax 影响产品列表 - 使用新项目重新加载新列表。我需要添加受 Ajax 影响的类，我...

Ajax 在使用 php&mysql 选中复选框时进行穿行

尝试学习一些php和mysql，所以我正在处理一个待办事项列表，我希望当每个任务所具有的复选框被选中时，待办任务能够得到一条线，如果未选中，则再次删除。 就像我...

使用 AJAX 传递对象（从 piotnet 表单输入值）以填充到 WordPress 的其他页面

我的 JS 代码从 piotnet 表单获取值并进行必要的计算，在将计算和值从输入填充到我的对象后，然后启动 Ajax piotnet 来自...

我想在我的index.html中对端点React进行AJAX调用，但我得到了一个主页

我想使用 React 在 index.html 中对端点进行 AJAX 调用，但我得到了一个 React 主页。 这是我在index.html中的代码： ...</desc> <question vote="0"> <p>我想在 <pre><code>AJAX</code></pre> 中对带有 <pre><code>index.html</code></pre> 的端点进行 <pre><code>React</code></pre> 调用，但我收到了 <pre><code>React homepage</code></pre>。</p> <p>这是我的代码<pre><code>index.html</code></pre>：</p> <pre><code>&lt;div id=&#34;data&#34;&gt;&lt;/div&gt; &lt;script&gt; const doPostAjax = ()=&gt;{ $.ajax({ url: &#34;http://localhost:3000/about&#34;, type: &#34;get&#34;, success: function(res){ $(&#34;#data&#34;).html(res) } }) } &lt;/script&gt; </code></pre> <p>如何获取 http://localhost:3000/about instate http://localhost:3000 作为响应？</p> </question> </body></html>

通过 Ajax 和 Jquery 实现多步表单

我编写了这段代码，以便我可以制作多步表单并通过AJAX加载和提交数据。 代码在第一次表单提交时运行良好，但在第二次尝试时，页面出现...

如何使用 django、ajax、jquery 刷新页面而不重新加载？

所以我尝试从购物车中删除产品而不刷新整个页面，我可以删除一个项目，然后我需要重新加载页面以删除另一个项目。我正在使用 Django、jQuery 和 AJAX 来

我的 RSS 源中有重复的子元素。不会在 JavaScript 中解析它

我从这个 URL 中提取 RSS 数据，这就是它们的数据结构。 满 6 我从这个 URL 中提取 RSS 数据，这就是它们的数据结构。 <item> <itunes:episodeType>full</itunes:episodeType> <itunes:season>6</itunes:season> <itunes:episode>49</itunes:episode> <itunes:season>6</itunes:season> </item> 它有重复的子元素 itunes:season。如何在 JavaSCript 中正确解析它？任何帮助将不胜感激！ :) 这是我的代码的要点： success: function(data) { .find("item") .each(function() { const el = $(this); const seasonLS = el.find("itunes\\:season").text(); const episodeLS = el.find("itunes\\:episode").text(); }; 我尝试通过子名获取它，但重复的子名将其丢弃。 编辑： 抱歉问题不清楚。这里有更多信息。 itunes:season 的预期输出是 6。这个输出是 66。 .find 链接在下面： 常量 RSS_URL = *** URL ***; $.ajax(RSS_URL, { accepts: { xml: "application/rss+xml" }, dataType: "xml", success: function(data) { console.log(data) $（数据） .find("项目")... 如果你的目标是只获取这两个元素，无论有多少个..为什么不直接创建一个 DOM 对象，并按标签搜索..然后找到每个元素的第一个索引： const htmlString = `<item> <itunes:episodeType>full</itunes:episodeType> <itunes:season>6</itunes:season> <itunes:episode>49</itunes:episode> <itunes:season>6</itunes:season> </item> <item> <itunes:episodeType>full</itunes:episodeType> <itunes:season>7</itunes:season> <itunes:episode>55</itunes:episode> <itunes:season>5</itunes:season> </item>`; const domParser = new DOMParser(); const docElement = domParser.parseFromString(htmlString, "text/html").documentElement; var emCollection = docElement.getElementsByTagName("item"); for (var i = 0; i < emCollection.length; i++) { const seasonLS = emCollection[i].getElementsByTagName('itunes:season')[0].innerHTML; const episodeLS = emCollection[i].getElementsByTagName('itunes:episode')[0].innerHTML; console.log("Episode: " + episodeLS + "\n Season: " + seasonLS) }

为什么我的数据表固定标题不起作用/

我正在尝试使我的数据表Thead成为一个粘性表，但是当我尝试固定标题时它不起作用。我尝试过位置：固定； ，顶部：0；并尝试用 css 修复它，但是当完成这个 ac...

Laravel 10.9.0更新使用ajax提交数据时出错

我尝试通过打开模态引导程序来更新数据，当将数据从 AJAX 放置到路由时出现错误 这是错误'localhost:8000/nilaiUpdates/1 419（未知状态） 我厌倦了改变所以我...

文件“sample.docx”已损坏，因此无法打开，原因是文档操作或数据传输损坏，使用 C#

经过大量调试，我能够找出文档大小之间的大小差异。 实际上，我正在尝试将 .docx 文件发送到客户端，这是我的 C# 块代码，如下所示 文件信息文件 =...

CORS 和 Origin 标头？

当我们需要调用 Ajax 请求时，我们会执行以下操作： if(typeof XMLHttpRequest !== '未定义') xhr = new XMLHttpRequest(); 别的 { var 版本 = ["Microsoft.XmlHttp", “MSXML2。

console.log(result) 打印 [object Object]。如何获取结果名称？

我的脚本正在打印 [object Object] 作为 console.log(result) 的结果。 有人可以解释一下如何让 console.log 从结果中打印 id 和名称吗？ $.ajaxSetup({ 传统: true }); ...

如何在后台运行href来更新数据库php按钮

我希望这个使用ajax jquery在后台onclick中运行href。我尝试这样做，但我不太了解jquery。 我希望这个<a href>使用ajax jquery在后台onclick中运行href。我尝试这样做，但我不太了解jquery。 <a href="https://www.username.com/liked/$profile->profile_id " class="btn btn-outline-dark btn-sm"><i class="far fa-thumbs-up me-1"></i>Like</a> 这是需要它的代码，请告诉我该函数应该放在哪里以及在ajax jquery中发送此href的jquery代码。 它显示在单击按钮之间更改href路径的循环中，例如第一次单击时的 example.com/like/1 和第二次单击时的 example.com/unlike/1 ，并且循环继续使得多次按下按钮成为可能. 这是您要求的示例代码。有两个具有不同 href 属性的 link 元素。单击时，将向指定为 href 的任何内容触发 ajax 请求，成功后，相应的范围将填充字符串并显示 3 秒。 <a onclick='return eachlike(this)' href="https://www.jamarkoho.com/liked/1" class="btn btn-outline-dark btn-sm"> <i class="far fa-thumbs-up me-1"></i> Like <span class="here"></span> </a> <a onclick='return eachlike(this)' href="https://www.jamarkoho.com/liked/2" class="btn btn-outline-dark btn-sm"> <i class="far fa-thumbs-up me-1"></i> Like <span class="here"></span> </a> <script> function eachlike(thislike) { $.ajax({ type: 'GET', url: $(thislike).attr('href'), success: function(response) { $(thislike).find('.here').html('Done!').show().delay(3000).fadeOut(); } }); return false; } </script> 要实际切换 href（喜欢/不喜欢），请使用类似以下内容： <a onclick='return eachlike(this)' href="https://www.jamarkoho.com/liked/1" data-toggle-href="https://www.jamarkoho.com/unlike/1" class="btn btn-outline-dark btn-sm"> <i class="far fa-thumbs-up me-1"></i> Like <span class="here"></span> </a> <a onclick='return eachlike(this)' href="https://www.jamarkoho.com/liked/2" data-toggle-href="https://www.jamarkoho.com/unlike/2" class="btn btn-outline-dark btn-sm"> <i class="far fa-thumbs-up me-1"></i> Like <span class="here"></span> </a> <script> function eachlike(thislike) { $.ajax({ type: 'GET', url: $(thislike).attr('href'), success: function(response) { $(thislike).find('.here').html('Done!').show().delay(3000).fadeOut(); toggleHref(thislike); } }); return false; } function toggleHref(thislike) { let currentHref = $(thislike).attr('href'); let newHref = $(thislike).data('toggle-href'); $(thislike).attr('href', newHref); $(thislike).data('toggle-href', currentHref); } </script> 第二个功能在 href 和新属性 data-toggle-href 之间切换。

使用 JavaScript 和 URL 获取 HTML 代码

我试图通过使用带有 URL 的 XMLHttpRequest 来获取 HTML 的源代码。我怎样才能做到这一点？ 我是编程新手，我不太确定如果没有 jQuery 如何才能做到这一点。

jquery网格通过ajax动态加载

要在典型页面 gridePage.html 中使用 jquery 网格，并使用一些 HTML 和 JavaScript 代码，我会这样做 $("#gridtable").jqGrid('setGridParam', { 数据： [ {'类型'：'aType'， ...

如何将图像发送到服务器。图像存在于客户端的 <img> 标签

如果 type=“file”，有多种方法可以执行图像上传。这里的要求是将图像从图像标签发送到服务器。 无法通过转换为base64 来发送。由于尺寸限制。 如果 type=“file”，有多种方法可以执行图片上传。这里的要求是将图像从图像标签发送到服务器。 无法转换为base64发送。由于尺寸限制。 <form id="form-url"> <image src=“/images/defaultImg.jpg” id=“testImg1”/> <image src=“/images/defaultImg2.jpg” id=“testImg2”/> <button>UPLOAD onClick=“</button> </form> 这就是我进行 Ajax 调用的方式。 $.get(“/appUI/ImageServiceController", {                                 action : “imageCompare”,                                 firstImage:$(‘#testImg1’).attr('src');,                                 secondImage:$(‘#testImg2’).attr('src');,                 }, function(res) {                                 alert(“success”);                 }).fail( function(request, status, errorThrown) { alert(“failed”);                      }                 }) } 如何将此图像上传到服务器。 这是一个 X/Y 问题。 如果您从同一服务器提供图像，则该图像已在服务器上。 如果您从另一台服务器提供图像，您就有 URL 如果需要图片的页面不知道URL，那么将图片的URL发送到服务器，而不是尝试从客户端抓取图片

PHP Ajax 执行顺序问题

我确实有以下index.php和operatora.php，如下所示。我怀疑这个问题应该是由于执行顺序造成的，因为当我将 loadChart() 函数添加到 head 内的 index.php 时，我...