Parsowanie kompletnej strony html z jquery

Załaduję HTML z ajaxem. Chcę załadować wynik do obiektu jquery. Próbowałem, ale zwraca null. Jak mogę to zrobić? Mam kompletną stronę zawierającą doctype, elementy głowy i elementy ciała.Parsowanie kompletnej strony html z jquery

var test = $(result); //result contains html code 
alert(test.html()); //returns null

Ładowanie danych przy użyciu tej funkcji.

function ajaxLoadContent(element) { 
    $.ajax({ 
     url: "url to the page", 
     type: "GET", 
     timeout: 5000, 
     datattype: "html", 
     success: function(result) { 
     //handler 
     }, 
    }); 
    return false;

Źródło

2010-12-13 Mark Baijens

Rezultatem jest prawdopodobnie tylko ciąg – hunter

można pokazać w jaki sposób można uzyskać dane do 'result'? Czy też "alert (wynik);" pokazuje html w alarmie? Samo zrzucenie html do takiej zmiennej nie powoduje automatycznie powrotu funkcji .html() do html. zmienna wyniku może już być html. – Josh

Dlaczego po prostu nie wydrukować wyniku? Powinien to być tekst. – WaiLam

Jest to jakiś czas temu, ale może nadal jesteś zainteresowany w tym ..

Stażysta realizacja $(String) nie jest w stanie zbudować obiekt jQuery, który zawiera head lub body tagi. Po prostu je zignoruje i przesunie wszystkie elementy na wyższy poziom.

Więc jeśli łańcuch jest na przykład

<html> 
    <head> 
    <meta ...> 
    </head> 
    <body> 
    <div id="a"/> 
    </body> 
</html>

wynikowy obiekt jQuery będzie tablica z dwóch elementów

[<meta ...>, <div id="a" />]

aby uzyskać body -jak obiektu jQuery wyciąć wszystko, ale zawartość ciała przed przejściem do jQuery:

body = '<div id="body-mock">' + html.replace(/^[\s\S]*<body.*?>|<\/body>[\s\S]*$/ig, '') + '</div>'; 
var $body = $(body);

teraz rzeczy działają jak exp wstrzyknięty .. np

$body.find('#a')

nadzieję, że pomoże ..

Źródło

2012-10-11 21:29:39 lrsjng

dlaczego ta odpowiedź nie została przyjęta? Uratuj mnie od bólu głowy. Dzięki! – Xaver

dlaczego jQuery nie mogą parsować głowy i ciała? – nbrustein

Insta-downvote za korzystanie z wyrażenia regularnego w HTML. –

test jest po prostu ciąg html, więc może po prostu to zrobić, aby pokazać zawartość

alert(result);

a jeśli chcesz związać że do elementu

$("#myDiv").html(result);

Źródło

2010-12-13 14:40:47 hunter

Chcę móc korzystać z niektórych funkcji jquery na zwracanej wartości. –

, ponieważ wynik jest tylko ciągiem, który prawdopodobnie będziesz musiał umieścić na stronie, zanim będziesz mógł wchodzić z nim w interakcję z jQuery. – hunter

Mzz niż muszę umieścić w ukrytym iframe chyba. To byłoby nieprzyjemne. Prawdopodobnie lepiej zaprojektować rozwiązanie z pudełka. –

-1

Spróbuj load metoda obiektu jQuery: http://api.jquery.com/load/

Załaduj dane z serwera i umieść zwrócony kod HTML na dopasowany element .

Źródło

2010-12-13 14:58:46 pawel

Autor tej odpowiedzi może być na coś. Konwertowanie całego ciągu znaków HTML na adres URL 'data:' i wywoływanie $ .ajax() na nim może być TYLKO niezawodną metodą. –

function ajaxLoadContent(element) { 
$.ajax({ 
    url: "url to the page", 
    type: "GET", 
    timeout: 5000, 
    datattype: "html", 
    success: function(data) { 
    var result = $(data); 
    }, 
}); 
return false;

Teraz powinno być w stanie wywołać wynik takiego (należy pamiętać, że to nie dodaje się do DOM jeszcze):

alert(result.html());

Dodaj do DOM

result.appendTo("body");

Let wiem, czy to działa dla ciebie.

Źródło

2010-12-13 17:27:59

Nie, to nie działa, ponieważ html i get zawiera nagłówek, treść, a nawet doctype. –

ok zmienić na: var result = data; $ ("html"). Html (wynik); Daj mi znać, czy to działa? –

I mieć dostęp do elementów głowy, jak również. Ta praca dotyczy tylko elementów bryłowych i elementu tytułowego. –

Parsowanie kompletnej strony html z jquery

Odpowiedz

Powiązane problemy