Ich versuche, aus einer sehr einfachen Webseite in Anthor ein wechseln, aber ich Gesicht einige Probleme mit dem Ergebnis, sobald ich auf klicken getAll
Problem mit meiner Funktion in meinem JavaScript
Meine bisherigen Webseite (die wroking one)
Hier<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<button onclick="getAll()"> Get All The Users </button>
<div id="users"></div>
<script>
function getAll()
{
$("#users").html("");
$.getJSON("http://localhost:8080/users", function(data)
{
for (var i in data) {
$('#users').append("<p>ID: " + data[i].id + "</p>")
$('#users').append("<p>First name: " + data[i].fname + "</p>")
$('#users').append("<p>Last name: " + data[i].lname + "</p><br>")
}
});
}
</script>
</body>
</html>
ist der Fehler:
Uncaught ReferenceError: getAll is not defined
at HTMLButtonElement.onclick (testt.html:96)
onclick @ @ testt.html:96
testt.html:145
Uncaught ReferenceError: screenfull is not defined
at HTMLDivElement.<anonymous> (testt.html:145)
(anonymous) @ testt.html:145
EDITED Nach Ninas Antwort i erhält das gewünschte Ergebnis, aber die Homepage wie folgt aussieht:
So verzerrt er den oberen Teil meiner Homepage.
_ "getAll ist nicht definiert" _ - Wenn Sie die "Old School" -Ereignisbehandlung über HTML-Attribute verwenden, muss die Funktion vorhanden sein, bevor dieses Element im DOM auftritt. Aber da Sie jQuery bereits verwenden, sollten Sie sich lieber mit dem Button-Klick-Event beschäftigen. – CBroe