• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

$.ajax - warum passiert nichts?

LudwigM

Mitglied
Hallo,
ich möchte mit Ajax die Eingaben eines Formulars absenden und Daten mit PHP in einer Datenbank speichern.
Der erste alert wird ausgeführt, danach passiert leider nichts mehr. Woran kann das liegen?

HTML:
<button name="btnSubmit" id="btnSubmit" type="button" class="btn btn-primary"
        onclick="speichern(this)">Speichern</button>

Javascript:
function speichern(button) {
            alert('clicked');
            $.ajax({
                type: "POST",
                url: "inc/insert2.inc.php",
                data: {
                    numAmount: getElementById("numAmount").value,
                    datDate: getElementById("datDate").value,
                    tbxComment: getElementById("tbxComment").value                       
                },
                success:function(data) {
                    alert('success' + data);
                },
                error: function(data) {
                        alert('Fehler bei der Ajax-Anfrage');
                }
            });
            alert ('test comment: ' + getElementById("tbxComment").value);
            
        }
 
Werbung:
jQuery ist im <head> eingebunden
Code:
<script src="jquery-3.5.1.min.js"></script>
.
In der Konsole findet sich tatsächlich ein Hinweis, dass es nicht eingebunden wurde: Die Ressource von "pfad//jquery-3.5.1.min.js" wurde wegen eines MIME-Typ-Konfliktes ("text/html") blockiert (X-Content-Type-Options: nosniff).
 
Werbung:
Dann ist das die Ursache für dein Problem. Die referenzierte Datei muss auch unter exakt diesem Dateinamen im angegebenen Pfad abgelegt sein damit sie aufgerufen werden kann.
 
Das war ein Problem. Ich wusste vorher gar nicht, dass man in der Konsole Fehlermeldungen von Javascript sehen kann
getElementById("beispiel").value funktioniert so auch nicht, nur wenn ich document davor schreibe. Warum ist das so?
 
getElementById braucht einen Rahmen in dem es nach der ID suchen soll. Das ist das document.

Wenn Du jQuery nutzt wäre die Schreibweise viel kürzer:
Code:
$("beispiel").val();
 
Werbung:
Zurück
Oben