Wie man post-Daten an iframe mit Jquery

Wie kann ich dynamisch post-Daten an einen iframe in Jquery.

Ich wirklich brauchen, um post-Daten an einen Iframe in diesem Fall kann ich nicht verwenden, ein $.POST, weil Daten zurückgegeben werden, die sequenziell (gepuffert)

Wenn Sie eine Problemumgehung, um jquery-handle-Daten zurückgegeben, die von einem $.POST", wenn es die Daten erhält. Ich bin sehr gespannt!

Im moment Schaffe ich es mit BEKOMMT auf diese Weise:

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

Diese im Grunde erstellt eine temporäre iframe und lässt das php-injizieren von javascript in es (mit ob_flush();flush(); ), während es zurückgeben von Daten, dann wenn es fertig ist, es entfernt einfach das iframe zu bereinigen.

innerhalb des iframe, habe ich Zugriff auf den main-frame mit window.parent. dann die mainframe-Methoden.

dies ist ideal, aber funktioniert mit BEKOMMEN, wie kann ich diese Arbeit, mit der POST ?

Brauchen Sie, um ein iframe-Element? Können Sie nicht verwenden AJAX oder sowas statt?
Ich erklärte in meiner Frage, warum ich angewiesen auf einen iframe und nicht ajax verwenden, ist der normale Weg, Daten zurückgegeben werden, ist javascript und muss behandelt werden, sobald es ankommt, wie die Seite zurückgegeben wird, in Stücke.
Meinst du, willst du laden ein iframe dynamisch mit den zurückgegebenen Daten aus der Anforderung mit der POST ?
Nein, ich will dynamisch laden ein iframe mit post-Daten
Der Begriff, den Sie suchen, ist "long polling"

InformationsquelleAutor Vincent Duprez | 2013-12-03

28

Diese Funktion erstellt eine temporäre form, dann senden von Daten mit 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();
}
```
Ziel ist der 'name' attr des target iFrame, und Daten ein JS-Objekt :
```
data={last_name:'Smith',first_name:'John'}
```
- Danke!!! Dieser hat es geschafft, zu lösen ein völlig anderes problem für mich. Ich hatte aufgespielte Inhalte in ein iFrame, aber je nachdem, wie ich es geladen $(document).bereit ist() die beiden würden nicht Schießen, oder das "Dokument" war die ganze Seite Dokument, das er nicht iframe-Dokument. Eine variation des Codes gemacht hat, diese Arbeit perfekt für mich. Ich musste nach ein paar JSON, die ich bin nun dabei in eine TEXTAREA mit Ihrer Technik.
InformationsquelleAutor Dr Fred

Ok, also so wie das offenbar nicht vorhanden ist, habe ich meine eigene Lösung. Teilen Sie es hier, falls jemand POSTEN möchte ein iFrame in jQuery.

die js-Funktion/Klasse-wie:

function iframeform(url)
{
    var object = this;
    object.time = new Date().getTime();
    object.form = $('<form action="'+url+'" target="iframe'+object.time+'" method="post" style="display:none;" id="form'+object.time+'" name="form'+object.time+'"></form>');

    object.addParameter = function(parameter,value)
    {
        $("<input type='hidden' />")
         .attr("name", parameter)
         .attr("value", value)
         .appendTo(object.form);
    }

    object.send = function()
    {
        var iframe = $('<iframe data-time="'+object.time+'" style="display:none;" id="iframe'+object.time+'"></iframe>');
        $( "body" ).append(iframe); 
        $( "body" ).append(object.form);
        object.form.submit();
        iframe.load(function(){  $('#form'+$(this).data('time')).remove();  $(this).remove();   });
    }
}

dann, wenn Sie benötigen, senden Sie ein Formular, um eine temporäre iframe :

var dummy = new iframeform('server.php');
dummy.addParameter('type','test');
dummy.addParameter('message','Works...');
dummy.send();

Dies ist die server.php Beispiel-Datei :

if($_POST[type] == 'test') 
{
    header( 'Content-type: text/html; charset=utf-8' );
    echo '<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>';
    echo str_pad('',4096); //fill browser buffer

    for($i = 0; $i < 10; $i++)
        {
            echo '<script type="text/javascript">window.parent.console.log(\''.$_POST[message].'\');</script>';
            ob_flush(); flush();
            usleep(350000);
        }
}

Und das Ergebnis ist wie erwartet:

Haupt-frame die Konsole Ausgänge die string 'Arbeitet...' jeder 350ms ab sofort, auch wenn der php läuft immer noch.

Wenn das php beendet das senden der Brocken, es entfernt einfach die temporären form und die temporäre iframe.

Super!!! fügen Sie das Attribut name, um iframe zu machen, diese Arbeit im aktuellen chrome (43.0.2357.81), cf. stackoverflow.com/a/7085607/899586
sorry sah nur, dass diese nun bearbeitet den code..

InformationsquelleAutor Vincent Duprez

2

Entweder können Sie die target-Methode oder AJAX verwenden, für die oben genannten arbeiten
```
<form action="..." target="an_iframe" type="post">
    <input type="text" name="cmd" placeholder="type a command here..." />
    <input type="submit" value="Run!" />
</form>
<iframe id="an_iframe"></iframe>
```
- das ist wirklich nicht dynamisch... und AJAX wartet auf die Rückkehr zu vollständig vor dem Umgang mit den Daten, die ich brauche, um Daten zu behandeln, wenn es den gibt, Daten, die zurückgegeben wird, ist js nur.
InformationsquelleAutor Sunil Verma

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.