MW WP FORMで取得した会員情報を照会するためのフォームを作成する。

2023年5月9日 19:29

前提として、WordPressで構築したサイトに、MW WP FORMでメールフォームを設定していて、そこでお名前とメールアドレス、会員IDがデータベースに保存されているものとします。

会員IDを参照するためのフォームの構築はMW WP FORMを使わずに、HTMLで行います。フォームを作成するページに以下のコードを記載。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>会員ID参照フォーム</title>
    <script>
        function submitForm(e) {
            e.preventDefault();
            const formData = new FormData(e.target);
            const searchParams = new URLSearchParams();

            for (const pair of formData.entries()) {
                searchParams.append(pair[0], pair[1]);
            }

            window.open('https://●●●/find_member.php?' + searchParams.toString(), '_blank', 'width=600,height=400');
        }
    </script>
</head>
<body>
    <form onsubmit="submitForm(event)">
        <label for="name">名前:</label>
        <input type="text" id="name" name="name" required><br>
        <label for="email">メールアドレス:</label>
        <input type="email" id="email" name="email" required><br>
        <button type="submit">会員IDを取得</button>
    </form>
</body>
</html>

次に、データベースからデータを取得する以下のPHP（find_member.php）をサーバーに置きます。

<?php
header('Content-Type: application/json');

$name = $_POST['name'];
$email = $_POST['email'];

// Database connection settings
$servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = "your_database";

$conn = new mysqli($servername, $username, $password, $dbname);

if ($conn->connect_error) {
    echo json_encode(['error' => 'Connection failed: ' . $conn->connect_error]);
    exit;
}

$stmt = $conn->prepare("SELECT member_id FROM members WHERE name=? AND email=?");
$stmt->bind_param("ss", $name, $email);
$stmt->execute();
$result = $stmt->get_result();
$member_id = $result->fetch_assoc();

$stmt->close();
$conn->close();

if ($member_id) {
    echo json_encode(['member_id' => $member_id["member_id"]]);
} else {
    echo json_encode(['error' => 'No matching member found']);
}
?>

この記事が気に入ったらサポートをしてみませんか？