問答

ajax提交表單到數據庫_提交代碼到代碼倉？

將AJAX提交表單到數據庫的代碼提交到代碼倉庫，以便團隊協作和版本控制。

Ajax提交表單到數據庫

介紹

Ajax（Asynchronous JavaScript and XML）是一種在無需重新加載整個網頁的情況下，能夠更新部分網頁的技術，通過使用Ajax，我們可以實現在不刷新頁面的情況下向服務器發送數據并接收響應，本文將介紹如何使用Ajax提交表單到數據庫。

準備工作

1、確保你的網頁中包含一個表單元素，用于用戶輸入數據。

2、引入jQuery庫，因為Ajax是基于jQuery的。

3、創建一個PHP文件，用于處理表單數據的接收和存儲。

HTML代碼

<!DOCTYPE html><html><head>    <title>Ajax提交表單</title>    <script src="https://code.jquery.com/jquery3.6.0.min.js"></script></head><body>    <form id="myForm">        <label for="name">姓名：</label>        <input type="text" id="name" name="name"><br><br>        <label for="email">郵箱：</label>      （本文來源：WWW.KenGnIAO.cOM）  <input type="text" id="email" name="email"><br><br>        <button type="submit">提交</button>    </form>    <div id="result"></div></body></html>

JavaScript代碼

$(document).ready(function() {    $("#myForm").on("submit", function(event) {        event.preventDefault(); // 阻止表單默認提交行為        var formData = $(this).serialize(); // 獲取表單數據并序列化成字符串形式        $.ajax({            type: "POST",            url: "submit_form.php", // 提交表單數據的URL地址            data: formData, // 要發送的數據            success: function(response) { // 成功接收到服務器響應后執行的回調函數                $("#result").html(response); // 將服務器響應顯示在頁面上            },            error: function() { // 發生錯誤時執行的回調函數                alert("提交失敗");            }        });    });});

PHP代碼（submit_form.php）

<?php// 連接數據庫$servername = "localhost";$username = "your_username";$password = "your_password";$dbname = "your_database";$conn = new mysqli($servername, $username, $password, $dbname);if ($conn>connect_error) {    die("連接失敗： " . $conn>connect_error);}// 插入數據到數據庫表中$name = $_POST['name'];$email = $_POST['email'];$sql = "INSERT INTO users (name, email) VALUES ('$name', '$email')";if ($conn>query($sql) === TRUE) {    echo "數據已成功提交！";} else {    echo "Error: " . $sql . "<br>" . $conn>error;}$conn>close(); // 關閉數據庫連接?>