更新时间：2024-08-08 GMT+08:00
如何通过JS代码，实现页面与后台接口间的交互
使用说明
如果您擅长编写JS代码，可以不使用事件编排器中的内置动作，直接通过手动编写JS代码实现事件的逻辑功能。低代码平台支持在手动编写JS代码时，进行代码联想提示，并封装了一些常用功能的接口，并将其中典型接口做成模板，供您直接使用。
- 内置的模板代码，主要包括组件、消息&弹窗、页面、表单、表格、服务等。在编写JS代码时，可直接使用系统预置的API，相关API说明，请参见标准页面中预置的API。
图1 使用内置的模块代码
图2 内置模板代码
- 当代码较多时，可以单击代码编辑区域右上侧的
，最大化代码编辑页面。 - 单击具体模板代码事件左侧的
，可复制该模板代码。复制后，可在右侧代码编辑区域中进行粘贴。 - 单击具体模板代码事件右侧的
，可打开该模板代码进行编辑，编辑后支持拷贝。关闭模板代码后，模板代码还是初始代码，不会将您在模板代码中编辑后的内容，保存到该事件的模板代码中。
AI代码补全功能
功能描述：开发者在JS代码编写过程中，键入特定的字符，界面会进行提示，从而自动构建智能代码补全服务，增强IDE代码补全能力。
使用方法：开发者在JS代码编辑器中，编写代码过程中敲击字符时，会自动触发代码推荐，选中后按Enter补全。
- 事件内置API补全：输入“context”后，提示事件代码内可调用的API。
图3 事件内置API补全
- 模型名称补全：输入“context.$model.ref”后，提示当前页面中的模型。
图4 模型名称补全
- 服务编排名称补全：输入“context.flow”后，提示当前租户下的服务编排。
图5 服务编排名称补全
- 脚本名称补全：输入“context.script”后，提示当前租户下的脚本。
图6 脚本名称补全
- 服务名称补全：输入“context.service”后，提示当前租户下的API服务，选择API服务名称后自动补全服务地址。
图7 服务名称补全
- OneMobile API补全：输入“xm”后，提示OneMobile小程序中的API。
图8 OneMobile API补全
- WeLink API补全：输入“HWH5”后提示WeLink小程序中的API。
图9 WeLink API补全
父主题： 主要事件说明
