如何将ajax响应加载到iframe而不是div？答案

【问题标题】：How to load ajax response in to iframe instead of div?如何将ajax响应加载到iframe而不是div？
【发布时间】：2013-02-13 22:21:51
【问题描述】：

我正在加载对 div 的 ajax 响应，但现在我想将它加载到中间 iframe 我尝试了以下操作，但它从来没有工作！你们能告诉我我做错了什么吗？谢谢

<script type="text/javascript">// <![CDATA[

    $(document).ready(function() {
    $.ajaxSetup({ cache: false }); 
    setInterval(function() {
    //$('#divToRefresh').load('./doit.php');

    $("#iframe").attr('blank.php','./doit.php'); //change url
    }, 20000); 
    });
    // ]]></script>


<iframe name="top" src="blank.php" id="top"  scrolling="no" noresize frameborder="0" marginwidth="0" marginheight="0" width="100%" height="79"></iframe>
<iframe NAME="middle" src="blank.php" id="middle" noresize frameborder="0" marginwidth="0" marginheight="0" width="100%" height="238" scrolling="auto"></iframe>
<iframe NAME="foot" src="blank.php" id="foot"  scrolling="no"  noresize frameborder="0" marginwidth="0" marginheight="0" width="100%" height="200"></iframe>


<div id="divToRefresh">Loading ...</div>

【问题讨论】：

标签： javascript jquery ajax iframe

【解决方案1】：

attr 用于替换一个属性，你不是在说明要替换哪个属性，而是在说明那个属性的值

应该是这样的：

$("#middle").attr('src','./doit.php'); //change url

然而，这不是 ajax……它是简单的 iframe 技术换句话说 $.ajaxSetup({ cache: false });在这种情况下不使用。

【讨论】：

【解决方案2】：

您的 ajax 调用错误或不完整。如果你想使用 ajax 获取数据；你应该阅读jQuery.ajax() documentation。但首先，this 和 this 或 this。

另请阅读.attr() documentation。第一个参数应该是属性名，第二个应该是值。

但是;看起来您想在 iframe 中重定向页面。
如果是这样，你的选择器应该是#middle：

$("#middle").attr("src", "./doit.php");

您也可以通过这样的链接（不带 jQuery 或 javascript）进行操作：

<a href="./doit.php" target="middle">Do It!</a>

【讨论】：

你的意思是调用 php 来获取新数据，我这样做的方式不是 ajax 吗？那么每隔 20 秒调用一次 doit.php 并将其加载到 iframe 的更好方法是什么？
唯一与 AJAX 相关的是您使用 $.ajaxSetup 的行，但随后您什么也不做并尝试重定向 iframe。如果您的 PHP 发出 AJAX 请求，我们不会知道，因为您没有将它包含在提供的代码中。您的setInterval 方法可以，但其中的代码不行。