Установка цели для Iframe с использованием Ajax и Jquery?

Question

Я использую Zend-Framework, IFRAME, AJAX и JQuery для вызова URL при нажатии на DIV.

Я использую 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 ....?

Какие могут быть возможные проблемы ....?

Пожалуйста, предоставьте некоторый код, ссылки и идеи ......

Заранее спасибо ......

Answer 1

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

Answer 2

+ 1 к этому ответу - Хотя в коде есть ошибка:

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

Answer 3

Полагаю, вы должны добавить возвращенный результат в свой iframe.ATM ваш ajac-вызов ничего не делает в функции успеха.

Просто попробуйте

success: function (data) {$ ("# listenMsg"). Append (data);}

Редактировать:

Думаю, я неправильно понял ваш вопрос.Вы хотите установить цель динамически, верно?

Затем используйте

success: function (data) {$ ("#" + $ (this) .attr ('target').)) (добавить данные);} и добавьте id="listenMsg" в свой iframe

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