ExtJS的四种异步提交方法详解

"这篇资料主要介绍了EXTJS中的四种异步提交方式，包括使用EXT.Ajax.request直接提交、指定HTML表单提交以及EXT自有的表单提交等。" EXTJS是一种基于JavaScript的富客户端应用框架，广泛用于构建企业级Web应用程序。在EXTJS中，异步提交数据是常见的交互方式，它可以提高用户体验，避免页面刷新。以下是对这四种异步提交方式的详细解释： 1. **第一种：直接使用EXT.Ajax.request提交** 这种方式是最基础的Ajax提交，通过EXTJS提供的`Ext.Ajax.request`方法直接发送POST请求。你需要手动封装要传递的参数，例如在示例中，`userName`和`password`取自HTML元素的值。成功或失败的回调函数可以处理服务器返回的数据。 2. **第二种：指定HTML表单的Ajax提交** 在这种提交方式中，EXTJS的`Ext.Ajax.request`方法可以与HTML表单关联，表单内的所有数据会被自动收集并发送到服务器。只需要指定`form`参数为表单的ID，如`'userForm'`。这种方式简化了参数封装的过程，适用于已有HTML表单的情况。 3. **第三种：EXTJS自有的表单组件提交** EXTJS提供了一套完整的表单组件，如`Ext.form.TextField`，你可以创建一个`Ext.FormPanel`来构建表单。这种方式下，表单数据会自动管理，无需手动封装。在提交时，调用表单的`submit`方法即可。示例中没有给出完整的表单创建过程，但通常会包括定义字段、布局和验证规则等。 4. **第四种：使用EXTJS Form的submit方法** 这种方式是EXTJS表单组件的扩展，适用于EXTJS完全控制的表单。在`Ext.FormPanel`实例化后，可以直接调用`submit`方法，它会处理所有表单字段的数据，包括加密、验证等。`submit`方法还可以接受配置对象，包含URL、提交方式（GET或POST）、回调函数等。 每种异步提交方式都有其适用场景，选择哪种方式取决于具体需求，例如是否已有HTML表单、是否需要EXTJS的表单组件功能等。理解并熟练掌握这些方法，能帮助开发者更高效地构建EXTJS应用中的数据交互部分。