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";
}
?> 
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Awak kata
...bukan sahaja teruk, malah punca masalah. Chrome + Sistem fail anda tidak boleh melaksanakan kod PHP.
Anda perlu menggunakan pelayan web yang sesuai dengan masa jalan PHP yang berfungsi supaya ia menyokong pelaksanaan PHP sebagai tindak balas kepada permintaan HTTP. Gunakan XAMPP atau Laragon untuk memasang persekitaran pembangunan PHP berciri penuh di mana PHP, Apache dan MySQL/MariaDB tersedia dan dikonfigurasikan supaya anda boleh membangun dan menguji dengan betul pada mesin tempatan anda.
Pilihan lain untuk pembaikan pantas ialah pelayan web terbina dalam PHP yang tersedia sebaik sahaja anda memasang PHP, walaupun fungsinya lebih terhad dan ia tidak menyerupai persekitaran penggunaan sebenar, jelas sekali jika anda juga memerlukan komponen seperti pangkalan data, dsb. Anda perlu menyediakan diri anda untuk membincangkannya secara berasingan.