2011-11-16 13 views
11

Quindi sto cercando di caricare testo normale da un file esterno nella mia pagina e continuo a ricevere l'errore nel titolo. Che cosa sto facendo di sbagliato? (Ho seguito esattamente il tutorial!) Grazie.Nodo non può essere inserito nel punto specificato nella gerarchia

HTML

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> 
<script src="ajax.js"></script> 
</head> 

<body> 
<input id="button" type="button" value="Load" /> 

<div id="content"></div> 
</body> 
</html> 

JQuery

$("#button").click(function(){ 
    $.ajax({ 
     url:"AjaxRequest.html", 
     success:function(data) { 
     $("#content").html(data); 
     } 
    }); 
}); 

EDIT: E 'apparentemente non riuscita. Non so perché, il file è lì accanto.

+0

sto indovinando che i dati restituiti nella funzione successo della chiamata $ .ajax è una pagina intera (ha un tag esso). È necessario restituire html valido all'interno di un tag . –

+0

Il tutorial non lo mostra nei tag body. Quando inserisco i tag ancora non viene caricato. – Ber53rker

+0

@ user1026288 non è quello che ha detto John. È necessario inserire contenuto * valido all'interno del corpo di un documento *. Il che significa che non può contenere '' o '', quelli non sono nidificabili. – hobbs

risposta

31

provare a specificare un tipo di dati:

$("#button").click(function(){ 
    $.ajax({ 
     url:"AjaxRequest.html", 
     dataType:'html', 
     success:function(data) { 
     $("#content").html(data); 
     } 
    }); 
}); 
+2

Questo ha funzionato alla grande! Grazie! – Ber53rker

+2

Mi aiuta a correggere un errore in FF. Grazie. – Nolesh

1

provare

$("#content").append('<p>'+data+'</p>'); 
+0

Apparentemente non sta nemmeno toccando quella linea. Non raggiunge il successo. – Ber53rker

Problemi correlati