本文旨在提供一种在 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;
}代码解释：
- Ext.Ajax.on('beforerequest', function(conn, options, eOpts) { ... });: 这行代码监听了 Ext.Ajax 的 beforerequest 事件。当一个 Ajax 请求即将发送时，该函数会被调用。
- conn: Ext.data.Connection 实例，代表发起请求的连接对象。
- options: 包含了所有请求配置的对象，例如 url、params、method 等。
- eOpts: 事件选项对象。
- shouldAddMyNewParam(options.url): 这是一个示例函数，用于判断是否需要为当前请求添加 myNewParam 参数。你可以根据实际需求修改这个函数的逻辑。例如，可以根据请求的 URL、请求类型或其他条件来判断。
- options.params = options.params || {};: 确保 options.params 对象存在。如果 options.params 为 null 或 undefined，则创建一个空对象。
- options.params.myNewParam = 'New Param';: 将 myNewParam 参数添加到 options.params 对象中。
注意事项：
- 参数覆盖： 如果请求的 options.params 中已经存在 myNewParam 参数，上述代码会覆盖原有的值。如果需要保留原有值，可以添加判断逻辑。
- 条件判断： shouldAddMyNewParam 函数的逻辑至关重要。请根据实际需求编写合适的判断逻辑，避免不必要的参数添加。
- 性能影响： 每次 Ajax 请求都会触发 beforerequest 事件，因此事件处理函数中的逻辑应该尽可能高效，避免影响性能。
总结：
通过监听 Ext.Ajax 的 beforerequest 事件，可以方便地为所有 Ajax 请求添加默认参数，而无需修改大量现有代码。这种方法不仅简洁高效，而且易于维护和扩展。只需要在 Application.js 中添加少量代码，即可实现全局参数的统一管理。 请务必根据实际业务需求，合理设置参数添加的条件判断，以确保代码的正确性和性能。
