PHP-Code wird nicht ausgeführt – es wird nur der Inhalt der Datei angezeigt
Dies ist das erste Mal, dass ich HTML PHP und Ajax verwende, also haben Sie bitte etwas Geduld. Der größte Teil des Codes stammt aus Beispielen, die ich online gefunden habe. Ich kann es jedoch nicht tatsächlich in die Datenbank einfügen. Die Ajax-Funktion geht in die Erfolgsfunktion ein; die Erfolgsausgabe wird lediglich als Warnung in der PHP-Datei angezeigt.
Ich habe das alles lokal, also starte ich Chrome als
chrome --allow-file-access-from-files file:///C:/filepath/index2.html
Ich weiß, dass es nicht gut ist, aber ich komme zurecht.
index.html
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<title>Insert</title>
</head>
<body>
<label>Name</label>
<input type="text" id="name">
<label>Email</label>
<input type="text" id="email">
<button type="submit" id="button">SAVE</button>
<script>
$(document).ready(function(){
$("#button").click(function(){
var name=$("#name").val();
var email=$("#email").val();
$.ajax({
url:'insert.php',
method:'POST',
data:{
name:name,
email:email
},
success:function(data){
alert(data);
},
error:function(data){
alert(JSON.stringify(data));
}
});
});
});
</script>
</body>
</html>
.php einfügen
<?php
$name=$_POST['name'];
$email=$_POST['email'];
$conn = new mysqli('Azure server URL', 'Username','Password', 'tableName');
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql="INSERT INTO data ('id', 'name', 'email') VALUES (NULL, $name, $email)";
if ($conn->query($sql) === TRUE) {
echo "data inserted";
}
else
{
echo "failed";
}
?>