javascript - 如何使用 Jquery 将数据发布到 iframe

Question

如何在 Jquery 中将数据动态发布到 iframe。

在这种情况下，我真的需要将数据发布到 Iframe，我不能使用 $.POST，因为接收到的数据是按顺序返回的(缓冲的)

如果您有一个变通方法，可以让 jquery 在接收到数据时处理 $.POST 返回的数据。我很好奇!

目前我用 GETS 是这样处理的:

var iframe = $('<iframe style="display:none;"></iframe>');
$( "body" ).append(iframe);
iframe.attr('src','server.php?type=getFolders&inode='+nodeData.inode).load(function(){$(this).remove()});

这基本上创建了一个临时的 iframe 并让 php 在其中注入(inject) javascript(使用 ob_flush();flush(); )当它返回数据时，然后当它完成时，它只是删除iframe 进行清理。

在 iframe 中，我使用 window.parent. 访问主框架，然后使用主框架的方法。

这是理想的，但可以与 GET 一起使用，我怎样才能使它与 POST 一起工作？

Answer 1

此函数创建一个临时表单，然后使用 jQuery 发送数据:

function postToIframe(data,url,target){
    $('body').append('<form action="'+url+'" method="post" target="'+target+'" id="postToIframe"></form>');
    $.each(data,function(n,v){
        $('#postToIframe').append('<input type="hidden" name="'+n+'" value="'+v+'" />');
    });
    $('#postToIframe').submit().remove();
}

target 是目标 iFrame 的 'name' 属性，data 是一个 JS 对象:

data={last_name:'Smith',first_name:'John'}