如何将Ajax响应加载到iframe中而不是div中？

Question

我正在将ajax响应加载到div，但现在我想将其加载到中间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>

Answer 1

attr用于替换属性，不是在说明要替换的属性，而是在说明该属性的值

它应该是这样的：

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

但这不是ajax ...这是简单的iframe简单技术，换句话说就是$ .ajaxSetup（{cache：false}）; 在这种情况下不使用。

Answer 2

您的ajax调用错误或不完整。 如果要使用ajax获取数据，请执行以下操作： 您应该阅读jQuery.ajax（）文档 。 但是首先是this和this或this 。

另请阅读.attr（）文档 。 第一个参数应该是属性名称，第二个参数应该是值。

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

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

您也可以通过这样的链接（无需jQuery或javascript）来做到这一点：

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