# 如何通过JS代码，实现页面与后台接口间的交互
#### 使用说明
如果您擅长编写JS代码，可以不使用事件编排器中的内置动作，直接通过手动编写JS代码实现事件的逻辑功能。低代码平台支持在手动编写JS代码时，进行代码联想提示，并封装了一些常用功能的接口，并将其中典型接口做成模板，供您直接使用。
- 内置的模板代码，主要包括组件、消息\&弹窗、页面、表单、表格、服务等。在编写JS代码时，可直接使用系统预置的API，相关API说明，请参见[标准页面中预置的API](https://support.huaweicloud.com/api-astrozero/astrozero_api_00101.html)。
  图1使用内置的模块代码   
  ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960285489.png "点击放大")
  图2内置模板代码   
  ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960285461.png "点击放大") 

- 当代码较多时，可以单击代码编辑区域右上侧的![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960285473.png)，最大化代码编辑页面。
- 单击具体模板代码事件左侧的![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960285465.png)，可复制该模板代码。复制后，可在右侧代码编辑区域中进行粘贴。
- 单击具体模板代码事件右侧的![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960285469.png)，可打开该模板代码进行编辑，编辑后支持拷贝。关闭模板代码后，模板代码还是初始代码，不会将您在模板代码中编辑后的内容，保存到该事件的模板代码中。
#### AI代码补全功能
**功能描述**：开发者在JS代码编写过程中，键入特定的字符，界面会进行提示，从而自动构建智能代码补全服务，增强IDE代码补全能力。
**使用方法**：开发者在JS代码编辑器中，编写代码过程中敲击字符时，会自动触发代码推荐，选中后按Enter补全。
- 事件内置API补全：输入"context"后，提示事件代码内可调用的API。
  图3事件内置API补全   
  ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960125653.png "点击放大") 
- 模型名称补全：输入"context.$model.ref"后，提示当前页面中的模型。
  图4模型名称补全   
  ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001932886940.png "点击放大") 
- 服务编排名称补全：输入"context.flow"后，提示当前租户下的服务编排。
  图5服务编排名称补全   
  ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001932886968.png "点击放大") 
- 脚本名称补全：输入"context.script"后，提示当前租户下的脚本。
  图6脚本名称补全   
  ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960285477.png "点击放大") 
- 服务名称补全：输入"context.service"后，提示当前租户下的API服务，选择API服务名称后自动补全服务地址。
  图7服务名称补全   
  ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001932886944.png "点击放大") 
- OneMobile API补全：输入"xm"后，提示OneMobile小程序中的API。
  图8OneMobile API补全   
  ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960125677.png "点击放大") 
- WeLink API补全：输入"HWH5"后提示WeLink小程序中的API。
  图9WeLink API补全   
  ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001933046360.png "点击放大")