alpine.js - 送信された POST データを Alpine.js と new FormData() で返す

Question

Alpine.js を使用してフォーム データを現在のページに POST しようとしています。現在のページは、PHP $_GET によって使用され、いくつかの機能を実行します。

フォームデータではなく、応答でページ全体を返しているようです(無効なJSONであるためにエラーになります)。

送信されたフォーム データのみを応答で返すにはどうすればよいですか?

<form
    method="post"
    action="./"
    class="form__press"
    x-on:submit.prevent="
        let formData = new FormData();
        formData.append('username', 'Chris');
        fetch('./', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify(formData)
        })
        .then((response) => response.json())
        .then((result) => {
          console.log('Success:', result);
        })
        .catch((error) => {
          console.error('Error:', error);
        });"
>
    <div class="field mb:15@xs">
        <label for="pressEmail">Email</label>
        <input type="email" name="pressEmail" autocomplete="off" required />
    </div>
    <div class="field mb:15@xs">
        <label for="pressPassword">Password</label>
        <input type="password" name="pressPassword" autocomplete="new-password" required />
    </div>
    <button type="submit" name="submit">Submit</button>
</form>