如何在Liferay 7中使用AlloyUI加载JS并触发事件？

可以使用AlloyUI的A.io.script方法替代jQuery的getScript，完成远程脚本加载并触发自定义事件，对应实现代码如下：

A.io.script({
    url: 'http://localhost:8082/js/test.js',
    on: {
        success: function() {
            work();
            // 触发自定义事件，对应jQuery的$(document).trigger()
            A.one(document).fire('testEvent');
        },
        failure: function() {
            console.error('脚本加载失败');
        }
    }
});

关键说明 #

• A.io.script是AlloyUI官方提供的脚本加载工具，功能与jQuery.getScript完全匹配，支持处理脚本加载的成功/失败状态。
• 脚本加载成功后，直接执行目标方法work()，保持原业务逻辑不变。
• 使用A.one(document).fire('testEvent')触发自定义事件，这是AlloyUI标准的事件触发方式，和jQuery的事件触发逻辑等价。
• 可按需添加failure回调处理加载异常，提升代码容错性。

内容的提问来源于stack exchange，提问作者NoSe