http-request.md 4.2 KB
Newer Older
Z
zengyawen 已提交
1 2 3 4 5 6 7 8 9 10
# HTTP数据请求

## 场景介绍

应用通过HTTP发起一个数据请求,支持常见的GET、POST、OPTIONS、HEAD、PUT、DELETE、TRACE、CONNECT方法。

## 接口说明

HTTP数据请求功能主要由http模块提供。

11
使用该功能需要申请ohos.permission.INTERNET权限。
Z
zengyawen 已提交
12

13 14
权限申请请参考[访问控制(权限)开发指导](../security/accesstoken-guidelines.md)

15
涉及的接口如下表,具体的接口说明请参考[API文档](../reference/apis/js-apis-http.md)
Z
zengyawen 已提交
16 17 18 19 20 21

| 接口名                                    | 功能描述                            |
| ----------------------------------------- | ----------------------------------- |
| createHttp()                              | 创建一个http请求。                  |
| request()                                 | 根据URL地址,发起HTTP网络请求。     |
| destroy()                                 | 中断请求任务。                      |
22 23
| on(type: 'headersReceive')                | 订阅HTTP Response Header 事件。     |
| off(type: 'headersReceive')               | 取消订阅HTTP Response Header 事件。 |
Y
Yangys 已提交
24
| once\('headersReceive'\)<sup>8+</sup>     | 订阅HTTP Response Header 事件,但是只触发一次。|
Z
zengyawen 已提交
25

Y
Yangys 已提交
26
## request接口开发步骤
Z
zengyawen 已提交
27

Y
Yangys 已提交
28 29 30 31 32 33 34
1. 从@ohos.net.http.d.ts中导入http命名空间。
2. 调用createHttp()方法,创建一个HttpRequest对象。
3. 调用该对象的on()方法,订阅http响应头事件,此接口会比request请求先返回。可以根据业务需要订阅此消息。
4. 调用该对象的request()方法,传入http请求的url地址和可选参数,发起网络请求。
5. 按照实际业务需要,解析返回结果。
6. 调用该对象的off()方法,取消订阅http响应头事件。
7. 当该请求使用完毕时,调用destroy()方法主动销毁。
Z
zengyawen 已提交
35 36

```js
Y
Yangys 已提交
37
// 引入包名
Z
zengyawen 已提交
38 39
import http from '@ohos.net.http';

Y
Yangys 已提交
40
// 每一个httpRequest对应一个HTTP请求任务,不可复用
Z
zengyawen 已提交
41
let httpRequest = http.createHttp();
Y
Yangys 已提交
42
// 用于订阅HTTP响应头,此接口会比request请求先返回。可以根据业务需要订阅此消息
Z
zengyawen 已提交
43 44
// 从API 8开始,使用on('headersReceive', Callback)替代on('headerReceive', AsyncCallback)。 8+
httpRequest.on('headersReceive', (header) => {
Y
Yangys 已提交
45
  console.info('header: ' + JSON.stringify(header));
Z
zengyawen 已提交
46 47
});
httpRequest.request(
48
  // 填写HTTP请求的URL地址,可以带参数也可以不带参数。URL地址需要开发者自定义。请求的参数可以在extraData中指定"EXAMPLE_URL",
Y
Yangys 已提交
49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72
  {
    method: http.RequestMethod.POST, // 可选,默认为http.RequestMethod.GET
    // 开发者根据自身业务需要添加header字段
    header: {
      'Content-Type': 'application/json'
    },
    // 当使用POST请求时此字段用于传递内容
    extraData: {
      "data": "data to send",
    },
    expectDataType: http.HttpDataType.STRING, // 可选,指定返回数据的类型
    usingCache: true, // 可选,默认为true
    priority: 1, // 可选,默认为1
    connectTimeout: 60000, // 可选,默认为60000ms
    readTimeout: 60000, // 可选,默认为60000ms
    usingProtocol: http.HttpProtocol.HTTP1_1, // 可选,协议类型默认值由系统自动指定
  }, (err, data) => {
    if (!err) {
      // data.result为HTTP响应内容,可根据业务需要进行解析
      console.info('Result:' + JSON.stringify(data.result));
      console.info('code:' + JSON.stringify(data.responseCode));
      // data.header为HTTP响应头,可根据业务需要进行解析
      console.info('header:' + JSON.stringify(data.header));
      console.info('cookies:' + JSON.stringify(data.cookies)); // 8+
73 74
      // 当该请求使用完毕时,调用destroy方法主动销毁
      httpRequest.destroy();
Y
Yangys 已提交
75 76 77 78 79 80
    } else {
      console.info('error:' + JSON.stringify(err));
      // 取消订阅HTTP响应头事件
      httpRequest.off('headersReceive');
      // 当该请求使用完毕时,调用destroy方法主动销毁
      httpRequest.destroy();
Z
zengyawen 已提交
81
    }
Y
Yangys 已提交
82
  }
Z
zengyawen 已提交
83 84
);
```
Z
sa  
zengyawen 已提交
85 86

## 相关实例
Y
Yangys 已提交
87

Z
sa  
zengyawen 已提交
88
针对HTTP数据请求,有以下相关实例可供参考:
G
ge-yafang 已提交
89

90
- [Http(ArkTS)(API9)](https://gitee.com/openharmony/applications_app_samples/tree/OpenHarmony-3.2-Release/code/BasicFeature/Connectivity/Http)