Finden Sie Body-Tags in einer Ajax-HTML-Antwort

Mache ich einen ajax-Aufruf zum abrufen von Inhalt und fügen Sie diesen Inhalt wie diesem:

$(function(){
    var site = $('input').val();
    $.get('file.php', { site:site }, function(data){
        mas = $(data).find('a');
        mas.map(function(elem, index) {
            divs = $(this).html();
            $('#result').append('' + divs + '');
        })
    }, 'html');
});

Das problem ist, dass wenn ich a im body ich bekomme nichts (keine Fehlermeldung, einfach kein html-Code). Im vorausgesetzt, der Körper ist das tag nur wie ein 'a' ist? Was mache ich falsch?

Also das funktioniert für mich:

 mas = $(data).find('a');

Aber nicht:

 mas = $(data).find('body');

InformationsquelleAutor der Frage Youss | 2013-01-20

8

Parsen der zurückgegebenen HTML-Code durch ein jQuery-Objekt (ich.e $(data)), um die body tag ist zum scheitern verurteilt, fürchte ich.

Der Grund dafür ist, dass die zurückgegebenen data ist ein string (versuchen console.log(typeof(data))). Jetzt, nach die jQuery-Dokumentationbeim erstellen eines jQuery-Objekt aus einem string, der die komplexe HTML-markup-tags wie body sind wahrscheinlich entfernt. Dies geschieht da, um das Objekt zu erstellen, das HTML-markup ist eigentlich eingefügt, in der DOM, die nicht zulassen, dass solche zusätzlichen tags.

Relevante Zitat aus die Dokumentation:

Wenn ein string übergeben wird als parameter an $(), jQuery untersucht die Zeichenfolge, um zu sehen, wenn es sieht aus wie HTML.

[...]
Wenn der HTML-Code ist komplexer als ein einzelnes tag ohne Attribute, wie es in dem obigen Beispiel, die eigentliche Schöpfung der Elemente erfolgt durch den browser innerHTML-Mechanismus. In den meisten Fällen, jQuery erstellt ein neues element und legt die innerHTML-Eigenschaft des Elements auf der HTML-Schnipsel übergeben wurde. Wenn der parameter einen einzelnen tag (mit optionalen schließenden tag oder quick-closing) — $( "< img />" ) oder $( "< img >" ), $( "< a >< /a >" ) oder $( "< a >" ) — jQuery erstellt das element mit der nativen JavaScript createElement () - Funktion.

Wenn man komplexe HTML-einigen Browsern kann nicht generiert DOM
das spiegelt genau den HTML-Quellcode zur Verfügung gestellt. Wie bereits erwähnt, jQuery
nutzt der browser".innerHTML-Eigenschaft zum Parsen der übergebenen HTML-und
legen Sie es in das aktuelle Dokument. Während dieses Prozesses, einige
Browser herausfiltern bestimmter Elemente, wie z.B. < html >, < title >, oder
< head > - Elemente. Als ein Ergebnis werden die Elemente eingefügt, kann nicht sein
Vertreter der ursprünglichen Zeichenfolge übergeben.

InformationsquelleAutor der Antwort Boaz
9

Landete ich mit dieser einfachen Lösung:
```
var body = data.substring(data.indexOf("<body>")+6,data.indexOf("</body>"));
$('body').html(body);
```
Funktioniert auch mit Kopf oder andere tag.

(Die Lösung mit dem xml-parsing-schöner wäre aber mit einer ungültigen XML-Antwort, die Sie haben zu tun, einige "string-Analyse".)

InformationsquelleAutor der Antwort Yush0

Experimentierte ich ein wenig, und haben festgestellt, dass die Ursache auf einen Punkt, also bis zu einer wirklichen Antwort, die, ich wäre daran interessiert, hier ist ein hack, um zu helfen, zu verstehen, das Problem

$.get('/',function(d){
    //replace the `HTML` tags with `NOTHTML` tags
    //and the `BODY` tags with `NOTBODY` tags
    d = d.replace(/(<\/?)html( .+?)?>/gi,'$1NOTHTML$2>',d)
    d = d.replace(/(<\/?)body( .+?)?>/gi,'$1NOTBODY$2>',d)
    //select the `notbody` tag and log for testing
    console.log($(d).find('notbody').html())
})

Edit: weitere Experimente

Es scheint, dass es möglich ist, laden Sie den Inhalt in ein iframe, dann können Sie Zugriff auf den frame-Inhalt durch einige dom-Objekt-Hierarchie...

//get a page using AJAX
$.get('/',function(d){

    //create a temporary `iframe`, make it hidden, and attach to the DOM
    var frame = $('<iframe id="frame" src="/" style="display: none;"></iframe>').appendTo('body')

    //check that the frame has loaded content
    $(frame).load(function(){

        //grab the HTML from the body, using the raw DOM node (frame[0])
        //and more specifically, it's `contentDocument` property
        var html = $('body',frame[0].contentDocument).html()

        //check the HTML
        console.log(html)

        //remove the temporary iframe
        $("#frame").remove()

    })
})

Edit: mehr Forschung

Scheint es, dass contentDocument ist die, standards-konforme Weise auf die window.document element ein iFrame, aber natürlich ist der IE nicht wirklich für standards, das ist also, wie man eine Referenz auf das iFrame - window.document.body Objekt in einer cross-Plattform-Weg,...

var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
var iframeBody = iframeDoc.body;
//or for extra caution, to support even more obsolete browsers
//var iframeBody = iframeDoc.getElementsByTagName("body")[0]

Finden Sie unter: contentDocument für ein iframe

InformationsquelleAutor der Antwort Billy Moon

5

DACHTE ich, ETWAS WUNDERBARES (denke ich!)

Haben Sie Ihre html als string?
```
var results = //probably an ajax response
```
Hier ein jquery-Objekt, das funktioniert genau wie die Elemente, die derzeit an den DOM:
```
var superConvenient = $($.parseXML(response)).children('html');
```
Wird nichts entfernt superConvenient! Sie können Dinge tun wie superConvenient.find('body') oder sogar
```
superConvenient.find('head > script');
```
superConvenient funktioniert genau so wie die jquery-Elemente für jedermann!!!!

HINWEIS

In diesem Fall die Zeichenfolge results werden muss gültige XML -weil es zugeführt wird, um die JQuery - parseXML Methode. Ein gemeinsames Merkmal der eine HTML-Antwort kann ein <!DOCTYPE> tag, das würde die Unwirksamkeit des Dokuments in diesem Sinne. <!DOCTYPE> tags müssen möglicherweise entfernt werden, bevor mit diesem Ansatz! Achten Sie auch auf features wie  tags ohne schließende tags, z.B.:
```
<ul>
    <li>content...
    <li>content...
    <li>content...
</ul>
```
... und alle anderen features von HTML wird interpretiert, nachsichtig von den Browsern, sondern zum Absturz der XML-parser.

InformationsquelleAutor der Antwort Gershom Maes

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

Edit: weitere Experimente

Edit: mehr Forschung

HINWEIS