16、使用 JavaScript 处理表单

使用 JavaScript 处理表单

1. 概述

在某些应用场景中，不需要将表单数据发送到服务器进行处理，而是由特定的模块来处理业务逻辑和数据存储。为了实现这一功能，我们将创建一个名为 FormHandler 的新模块，并引入 jQuery 库来辅助开发。

2. 创建 FormHandler 模块

2.1 创建文件和引入脚本

在 scripts 文件夹中创建一个名为 formhandler.js 的新文件，并在 index.html 中添加对应的 <script> 标签：

<script src="scripts/formhandler.js" charset="utf-8"></script>
<script src="scripts/datastore.js" charset="utf-8"></script>
<script src="scripts/truck.js" charset="utf-8"></script>
<script src="scripts/main.js" charset="utf-8"></script>

2.2 封装代码

使用立即执行函数表达式（IIFE）来封装代码，并将构造函数附加到 window.App