$.ajax() bekommen Körper nur

habe ich Skript wie dieses

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Testing Ajax</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<a class="test" href="getthis.php">click here</a>
<div class="get"></div>

<script type="text/javascript">
    $('.test').click(function(event){
        event.preventDefault();
        var a = $('body');
        $.ajax({
            url: "/getthis.php",
            dataType: 'text',
            success: function(data){            
                $('.get').append(data.find);
            }
        });
    });
</script>
</body>
</html>

mit diesem Skript versuche ich die Inhalte getthis.php

getthis.php enthält nur diese

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title></title>
    </head>
    <body>
        Olalalalala bebe
    </body>
    </html>

wenn ich das mache bekomme ich Ergebnis der vollständige html-Code der getthis.php

wie ich kann, um zu bekommen nur der Inhalt?
was meinst nur.
"Olalalalala bebe"

kann jemand geben Sie mir die Erklärung?

Dank...

warum nicht entfernen Sie alle html-tags und lassen Sie das 'Olalalalala bebe'?
data.find ? keine Fehler???
denn die website ist gibt es eine version, die mit Ajax-und die andere ohne AJAX, mit dem Mittelwert dieser Seite müssen HTML-tags

InformationsquelleAutor GusDeCooL | 2010-10-05

7

verwenden http://api.jquery.com/load/ Sie laden können bestimmte Seite Fragmente
- +1, ich könnte sagen, dies ist der beste Ansatz, der auf die Op ' s problem
- geben kann, Beispiel-code, was ist Arbeit?
- $(".Holen Sie sich").laden("getthis.php" Körper); aber, wenn Ihre Antwort gethis.php Seite hat einen Körper tg mit id ="thisbody", dann wird der code $(".Holen Sie sich").laden("getthis.php" #thisbody);
- Nach der Prüfung Ihrer deuten, ziehe ich diese Antwort.
- Dies funktioniert nicht für das body-tag, da manche Browser strip es bei der Verwendung von load();
InformationsquelleAutor jknair
5

Ziemlich einfach. Wrap inneren des KÖRPERS durch eine weitere Schicht von DIV tun:
```
$.get(url, {}, function(data){
  var data = data.replace('<body', '<body><div id="body"').replace('</body>','</div></body>');
  var body = $(data).filter('#body');
  //... do what you want with body ...
});
```
- Auch das tut, was ich brauche, aber es ist nicht genau hübsch und wohl auch sehr langsam, wenn die Seite, die Sie laden ist groß (zwei .ersetzen Sie erstellt zwei neue strings).
- Wahrscheinlich ein Ansatz indexOf("<body") und substr wäre besser.
InformationsquelleAutor user1709374
3

Frage mich, ob dies hilft:
```
$(data).text();
```
Diese scheint zu funktionieren out of the box:
```
$.ajax({
    url: 'http://stackoverflow.com/questions/3861325/ajax-get-body-only/',
    success: function (data) {
        alert($(data).text().replace(/\s+/gm, ' '));
    }
});
```
- bekomme ich diese in der Konsole.log "(eine leere Zeichenkette)"
- Ich habe aktualisiert die post, jetzt scheint es zu funktionieren in der Konsole. (PS: um das Beispiel ausführen in der Konsole, führen Sie diese aus einem browser-Fenster, die Anzeige einer Seite von stackoverflow.com).
InformationsquelleAutor Salman A
2

Dies sollte es tun:
```
$('.get').load('/getthis.php body');
```
Edit: Sorry, ich habe gerade getestet und es scheint nicht zu funktionieren mit body als auswahlelement, das wundert mich. Wenn ich getthis.php dieser:
```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title></title>
    </head>
    <body>
        <div id="test">
        Olalalalala bebe
        </div>
    </body>
</html>
```
- Und nennen es wie folgt:
```
$('.get').load('/getthis.php #test');
```
Bekomme ich das Ergebnis, die Sie suchen. Aber es scheint body ist kein Gültiger Selektor ist in diesem Fall.
- NÖ, die Antwort noch geben, die das gleiche Ergebnis wie mein Beispiel.
- ja Sie haben Recht. es scheint, dass es nicht unterstützt Körper. ich versuche mit ID und Klasse Arbeit. danke Ihnen sehr.
- Du bist herzlich willkommen. Und wenn jemand weiß, warum dies nicht funktioniert mit body als Selektor, bitte Kommentar und lassen Sie uns wissen!
- jQuery verwendet die des Browsers .innerHTML-Eigenschaft, die zum analysieren der abgerufenen Dokuments und legen Sie es in das aktuelle Dokument. Während dieses Prozesses, Browser oft filter Elemente aus dem Dokument, wie <html>, <title> oder <head> - Elemente. Als ein Ergebnis werden die Elemente abgerufen .load() ist vielleicht nicht genau das gleiche, als wenn das Dokument abgerufen wurden direkt durch den browser. Aus api.jquery.com/load
InformationsquelleAutor Mark Bell
0

Wenn nicht erforderlich, schließen Sie die html-tags aus Ihren getthis.php haben, dass Daten, die Sie anzeigen möchten, auf der Seite.

InformationsquelleAutor Chinmayee G

$.ajax({
    url: "some.html",
    type: "get",
    dataType: 'html',
    success: function(data) {
        $('#here').html(data);
        $('#here').children('meta,link,title,style').remove();
    },
});

auch <script> Tags entfernen

InformationsquelleAutor Bryan Smith

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.