在现代 Web 开发中,为了提供更流畅、无需页面刷新的用户体验,AJAX(Asynchronous JavaScript and XML)技术被广泛应用于提交表单数据。本文将通过一个具体的示例,展示如何使用 AJAX 提交表单数据,并处理服务器返回的响应。
一、HTML 表单准备
首先,我们需要一个 HTML 表单,用户可以通过这个表单输入数据。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AJAX Form Submission</title>
</head>
<body>
<h1>用户注册表单</h1>
<form id="userForm">
<label for="username">用户名:</label>
<input type