如何使用 uni.request 发起 POST 请求？

推荐答案

// www.javascriptcn.com code example
uni.request({
    url: 'https://example.com/api/submit', // 请求的接口地址
    method: 'POST', // 请求方法为POST
    data: {
        key1: 'value1', // 请求参数1
        key2: 'value2'  // 请求参数2
    },
    header: {
        'Content-Type': 'application/json' // 设置请求头为JSON格式
    },
    success: (res) => {
        console.log('请求成功:', res.data); // 请求成功后的回调
    },
    fail: (err) => {
        console.error('请求失败:', err); // 请求失败后的回调
    }
});

本题详细解读

1. uni.request 方法

uni.request 是 uni-app 提供的一个用于发起网络请求的 API。它可以用于发送 GET、POST、PUT、DELETE 等类型的 HTTP 请求。

2. 参数说明

• url: 请求的接口地址，必须是一个完整的 URL。
• method: 请求方法，这里设置为 POST。
• data: 请求体中的数据，通常是一个对象，包含需要发送的参数。
• header: 请求头，可以设置 Content-Type 等 HTTP 头信息。这里设置为 application/json，表示发送的数据是 JSON 格式。
• success: 请求成功后的回调函数，参数 res 包含服务器返回的数据。
• fail: 请求失败后的回调函数，参数 err 包含错误信息。

3. 使用场景

uni.request 适用于需要与服务器进行数据交互的场景，比如提交表单数据、获取服务器数据等。通过设置 method 为 POST，可以将数据发送到服务器。

4. 注意事项

• 确保 url 是正确的，并且服务器能够处理 POST 请求。
• 如果服务器要求其他类型的 Content-Type，比如 application/x-www-form-urlencoded，需要相应地修改 header。
• 在 success 回调中处理服务器返回的数据时，确保数据格式符合预期。