Sehr Einfache jQuery .laden Sie Beispielsweise Nicht Arbeiten

Ich denke, dies ist eine sehr einfache Frage, aber ich kann nicht scheinen, um es zu arbeiten. Ich muss mit JavaScript (speziell jQuery, scheinbar) , greifen einige Inhalte aus einer Seite, und ziehen Sie es in einer anderen Seite. Ich habe recherchiert, das ganz ein bisschen, aber kann nicht scheinen, um selbst ein sehr einfaches Beispiel, um zu arbeiten.

Hier ist die Seite, die ich versuche, Inhalte aus:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
</head>
<body>
<p>This is the test html page.</p>
</body>
</html>

Hier ist die Seite, die ich versuche zu verwenden, um ziehen Sie den Inhalt:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>PullData</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</head>
<body>

<ol id="result"></ol>

<script type="text/javascript">
$('#result').load('test.html');
</script>

</body>
</html>

Wenn ich öffnen Sie die Seite, es scheint nicht, etwas zu tun. Ich bin im Grunde versucht, zu Folgen den Beispielen aus jquery.com: http://api.jquery.com/load/

Sowohl die html-Seiten im gleichen Ordner irgendwo auf meinem C-Laufwerk.

Was bin ich?

Dank im Voraus für Eure Hilfe!

InformationsquelleAutor groovepriest | 2011-05-05

  1. 5

    Welchen browser verwenden Sie?

    Wegen des gleichen Ursprungs Politik, die von einigen Browsern nicht erlauben auf AJAX Anfragen zu file:/// URLs, auch wenn die original-Datei geladen wurde, Weg. Ich weiß, das ist wahr von Chrome, aber noch nicht getestet, andere.

    Was macht Ihr .load() Fehler-handler sagen? Oh...

    Ich war mit Chrome. Versucht es in Firefox und es funktioniert (nach dem hinzufügen der schließende script-tag fehlte mir in diesem Beispiel). Das war das Hauptproblem. Vielen Dank für Ihre Hilfe!
    du bist herzlich willkommen. Siehe code.google.com/p/chromium/issues/detail?id=47416 für mehr info

    InformationsquelleAutor Alnitak

  2. 3

    Haben Sie Ihre script-tags am Ende der Seite, was bedeutet, dass der beiliegenden JS wird aufgerufen, sobald der browser reicht es, das kann nicht sein, bevor der DOM fertig ist (was bedeutet, dass die <ol> könnten nicht eingerichtet werden, um die Inhalte von test.html). Versuchen Sie umschließt, Ihre Ladung in einem $(document).ready() callback wie folgt:

    <script type="text/javascript">
$(document).ready(function() {
    $('#result').load('test.html');
});
</script>

    Auch der Grund, warum Sie das einfügen von einer vollständigen HTML-Seite in eine geordnete Liste? Sollten Sie versuchen, ein HTML-snippet (ohne head & body-tags) in ein content-Inhaber wie <div> oder <span> wo es semantisch korrekt ist.

    Wenn keine dieser Maßnahmen arbeiten, fügen Sie eine callback wie folgt:

    $('#result').load('test.html', null, function(responseText, textStatus, xhr) {
    alert(textStatus); //see what the response status is
});

    InformationsquelleAutor justkt

  3. 3

    Scheint es einen logischen Sinn machen.

    Überprüfung der API auf laden, möchten Sie vielleicht, um zu sehen, wenn es geladen wird, oder wenn es encoutners ein Fehler

    $("#result").load("/not-here.php", function(response, status, xhr) {
if (status == "error") {
    var msg = "Sorry but there was an error: ";
    $("#result").html(msg + xhr.status + " " + xhr.statusText);
  }
});

    API-LINK: http://api.jquery.com/load/

    manchmal die debug-Informationen ist ein guter Erster Schritt zu einer Lösung.

    InformationsquelleAutor matchew

  4. 2

    Wo ist das schließende script-tag?

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</head>

    Muss der code sein

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
    Ich hatte zwei Probleme. Dies war einer von Ihnen. Natürlich hatte ich versucht, es eine Anzahl von Zeiten wo ich nicht verlassen hatte schließenden tag vor... ist einfach passiert, es zu verpassen, wenn ich die Frage irgendwie. Danke!

    InformationsquelleAutor epascarello

  5. 0

    Müssen Sie zunächst überprüfen, ob dein HTML ist bereit.

    $(document).ready(function() {
    $('#result').load('test.html');
});

    InformationsquelleAutor Fred Bergman

  6. 0

    Sicherzustellen #result1 geladen wird, müssen Sie eine document.ready event-handler:

    <script type="text/javascript">
$(document).ready(function(){
  $('#result').load('test.html');
});
</script>

    Hoffe, das hilft. Cheers

    InformationsquelleAutor Edgar Villegas Alvarado

Schreibe einen Kommentar