在網站開發中，表單(Form)是一種常見的交互方式，如注冊、登錄、留言板等。而php(form)和jquery是兩個被廣泛應用于表單處理的技術，具有較高的起草效率和代碼可讀性，同時也提高了用戶的使用體驗和數據安全性。
一、PHP FORM
PHP(Form)是一種開源的服務器端腳本語言，最初被設計為Web開發語言，可與HTML標記語言結合使用，可以通過提交表單來處理來自頁面上的數據。具體來說，當用戶在表單中填寫了相應的信息后，PHP腳本會在后臺接收并進行相應的處理，比如將數據轉存到數據庫中或將郵件發送給管理員等。在PHP中，使用內置的“$_POST”和“$_GET”全局變量來處理表單數據。
下面是一個使用PHP來處理登錄表單的示例：
<form action="login.php" method="post">
<label>用戶名: </label>
<input type="text" name="username"><br>
<label>密碼: </label>
<input type="password" name="password"><br>
<input type="submit" value="登錄">
</form><?php
$username = $_POST['username'];
$password = $_POST['password'];
//進行相應的處理...
?><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Form</title>
<script type="text/javascript" src="jquery-3.4.1.min.js"></script>
<script>
$(document).ready(function(){
$("#loginForm").submit(function(e){
e.preventDefault(); //阻止表單提交的默認行為
$.ajax({
url: "login.php",
type: "POST",
data: new FormData(this),
contentType: false, //必須false才會自動加上正確的Content-Type
processData: false, //必須false才會自動把數據轉換為FormData
success: function(data){
//處理服務器返回的數據...
},
error: function(){
alert('ERROR');
}
});
});
});
</script>
</head>
<body>
<form id="loginForm">
<label>用戶名:</label>
<input type="text" name="username"><br>
<label>密碼:</label>
<input type="password" name="password"><br>
<input type="submit" value="登錄">
</form>
</body>
</html>