ExtJS 7：全局配置 Ext.Ajax 请求默认参数

本文旨在提供一种在 ExtJS 7 应用中，全局为 Ext.ajax 请求添加默认参数的有效方法。通过监听 beforerequest 事件，可以在每次 Ajax 请求发起前修改请求参数，从而避免修改大量现有代码，实现全局参数的统一管理和添加。

在 ExtJS 7 开发中，有时需要在所有 Ext.Ajax 请求中添加一些默认参数，例如认证信息、版本号等。如果逐个修改所有 Ajax 请求，将会非常繁琐且容易出错。一种更优雅的方式是利用 Ext.Ajax 的 beforerequest 事件，在每次请求发起前统一修改请求参数。

利用 beforerequest 事件添加全局参数

Ext.Ajax 提供了一个 beforerequest 事件，该事件在每次 Ajax 请求发送前触发。我们可以监听这个事件，并在事件处理函数中修改请求的 options 对象，从而添加或修改请求参数。

以下是在 Application.js 中添加 beforerequest 事件监听器的示例代码：

Ext.application({     name: 'MyApp',      launch: function() {         Ext.Ajax.on('beforerequest', function(conn, options, eOpts) {             // 检查是否需要添加参数，可以根据 URL 或其他条件判断             if (shouldAddMyNewParam(options.url)) {                 // 确保 options.params 存在                 options.params = options.params || {};                 options.params.myNewParam = 'New Param';             }         });     } });  // 示例函数，用于判断是否需要添加参数 function shouldAddMyNewParam(url) {     // 在这里编写你的判断逻辑，例如：     // 如果 URL 包含 /api/ 路径，则添加参数     return url.indexOf('/api/') !== -1; }

代码解释：

1. Ext.Ajax.on(‘beforerequest’, function(conn, options, eOpts) { … });: 这行代码监听了 Ext.Ajax 的 beforerequest 事件。当一个 Ajax 请求即将发送时，该函数会被调用。
2. conn: Ext.data.Connection 实例，代表发起请求的连接对象。
3. options: 包含了所有请求配置的对象，例如 url、params、method 等。
4. eOpts: 事件选项对象。
5. shouldAddMyNewParam(options.url): 这是一个示例函数，用于判断是否需要为当前请求添加 myNewParam 参数。你可以根据实际需求修改这个函数的逻辑。例如，可以根据请求的 URL、请求类型或其他条件来判断。
6. options.params = options.params || {};: 确保 options.params 对象存在。如果 options.params 为 NULL 或 undefined，则创建一个空对象。
7. options.params.myNewParam = ‘New Param’;: 将 myNewParam 参数添加到 options.params 对象中。

注意事项：

• 参数覆盖： 如果请求的 options.params 中已经存在 myNewParam 参数，上述代码会覆盖原有的值。如果需要保留原有值，可以添加判断逻辑。
• 条件判断： shouldAddMyNewParam 函数的逻辑至关重要。请根据实际需求编写合适的判断逻辑，避免不必要的参数添加。
• 性能影响： 每次 Ajax 请求都会触发 beforerequest 事件，因此事件处理函数中的逻辑应该尽可能高效，避免影响性能。

总结：

通过监听 Ext.Ajax 的 beforerequest 事件，可以方便地为所有 Ajax 请求添加默认参数，而无需修改大量现有代码。这种方法不仅简洁高效，而且易于维护和扩展。只需要在 Application.js 中添加少量代码，即可实现全局参数的统一管理。 请务必根据实际业务需求，合理设置参数添加的条件判断，以确保代码的正确性和性能。