Skip to content

发送请求

本文介绍如何使用 API 文档 中的 fetch 方法发送请求并获取返回数据。

request.png

发送GET请求

发送 GET 请求示例,通过 name 参数获取对应 Select 组件的配置数据。

js
const formData = api.formData();
api.fetch({
    action: '/api/getdata',
    query: {
        name: formData.name
    }
}).then(res=>{
    api.getRule('select').props.options = res.data; 
});

发送POST请求

发送 POST 请求示例,提交表单数据。

js
const formData = api.formData();
//外部变量
const token = api.getData('globalToken');
api.fetch({
    action: '/api/submit',
    method: 'POST',
    dataType: 'json'
    data: formData,
    headers: {
        token: token
    }
}).then(res=>{
    // 表单提交成功
});

数据结构

ts
type FetchConfig = {
    //请求地址
    action: String;
    //请求方式
    method?: 'GET' | 'POST';
    //GET 参数
    query?: Object;
    //发送请求时携带的数据
    data?: Object;
    //携带数据的发送方式
    dataType?: 'json' | 'formData';
    //发送请求的请求头
    headers?: Object;
}