使用 Ajax 和 Jquery 为 iframe 设置目标？答案

【问题标题】：Setting target for Iframe using Ajax and Jquery?使用 Ajax 和 Jquery 为 iframe 设置目标？
【发布时间】：2011-02-09 09:43:29
【问题描述】：

我正在使用 zend-framework、iframe、ajax 和 jquery 在单击 DIV 时调用 url。

我正在使用 iframe，如下所示

<iframe src="http://localhost.test.com/public/index/listen-message" name="listenMsg" height="120" width="600">
                            <p>Your browser does not support iframes.</p>
                        </iframe>

我在 DIV 中使用了以下代码

<div target="listenMsg" class="text" id="<?php echo $row['id']; ?>">
......
</div>

对于 JQuery，我编写了以下代码.....

$(".text").click(function()
{
    var clickedDiv = $(this).attr("id");

    var id=$(this).attr("id");

        $.ajax({
        type: "POST",
        url: "http://localhost.test.com/public/index/listen-message",
        data: id,
        success: function(data){

        }
        });
        return false;
});

但是当我点击DIV“文本”控件时，会转到http://localhost.test.com/public/index/listen-message，但结果没有显示在IFRAME中......？

可能会出现什么问题......？

请提供一些代码、链接和想法......

提前致谢......

【问题讨论】：

标签： php jquery ajax zend-framework iframe

【解决方案1】：

对此答案+1 - 尽管代码中有错误：

$('iframe[name="listenMsg"]').contents().find("body").html("your message");

【讨论】：

【解决方案2】：

我想您应该将返回的结果附加到您的 iframe。 ATM 你的 ajac 调用在成功函数中没有任何作用。

试试吧

~~成功：function(data){ $("#listenMsg").append(data); }~~

编辑：

我想我把你的问题弄错了。您想动态设置目标，对吧？

然后使用

~~成功：function(data){ $("#" + $(this).attr('target')).append(data); } 并将id="listenMsg" 添加到您的 iframe~~

    target = $(this).attr('target');
    $('body', window.frames[target].document).append(data);

【讨论】：

【解决方案3】：

$('iframe[name="listenMsg"').contents().find("body").html("your message");

【讨论】：