Ich versuche Ajax zu lernen, sitze hier 3 Stunden und versuche zu verstehen, was ich brauche um es laufen zu lassen.Wie funktioniert das?
Ich verwende es auf Scriptly mit Xampp.
Dies ist mein Code:
<head>
<title>Titel</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Ajax Example!</title>
<script src="js\jquery/jquery.js"></script>
<script>
$(document).ready(function(){
$("#btnSubmit").click(function(){
//alert("hello");
$.ajax({
type: "POST",
url: "http://localhost/inde.php",
data: {
myName: "durgesh technoclass"
},
success: function(output){
alert(output);
}
});
});
});
</script>
</head>
<body>
<form>
<button id="btnSubmit">Click me !</button>
</form>
ich sogar ein Tutorial auf Youtube und kopiert den gesamten Code von dort beobachtet. Die Bewertung des Tutorials ist gut, der Code scheint für ihn zu funktionieren, aber warum funktioniert es nicht für mich ?! Das verstehe ich nicht.
Die Jquery funktioniert, aber Ajax nicht. Das Skript lädt die Seite nur neu und zeigt nichts an.
Bitte helfen.
Edit:
Kann es sein, dass es Arbeit spielt keine, weil xampp Passt nicht auf einen tatsächlichen Server laufen?
Auf Wunsch Heres den Code der "inde.php":
<?php
echo "Welcome from Server";
?>
Edit 2: Lösung: ich den Pfad des inde.php vermasselte. Einfach repariert.
Es funktioniert, aber es gibt einen Fehler im Code. Es wurde von Tanvir Ahmad Sohan behoben. Sie finden seine Lösung in seiner Antwort dort unten.
Sind Sie sicher, dass Ihre jQuery geladen wird? Überprüfen Sie Ihre Konsole, weil '