Kod PHP tidak akan dijalankan - hanya kandungan fail akan dipaparkan
Ini kali pertama saya menggunakan HTML PHP dan Ajax, jadi harap bersabar. Kebanyakan kod datang daripada contoh yang saya temui dalam talian. Walau bagaimanapun, saya tidak boleh memasukkannya ke dalam pangkalan data. Fungsi ajax masuk ke dalam fungsi kejayaan, output kejayaan hanya dipaparkan sebagai amaran dalam fail php.
Saya mempunyai ini semua tempatan, jadi saya melancarkan chrome sebagai
chrome --allow-file-access-from-files file:///C:/filepath/index2.html
Saya tahu ia tidak bagus, tetapi saya berusaha.
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>
Masukkan .php
<?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";
}
?>