uniapp如何使用h5网络请求

前言

UniApp是一个基于Vue.js的跨平台框架，可以用于同时开发H5、小程序、App等多个平台的应用程序。在UniApp中使用H5网络请求，可以使用原生的XMLHttpRequest对象或者使用UniApp提供的uni.request方法来发送网络请求。

使用XMLHttpRequest对象发送网络请求

可以使用XMLHttpRequest对象来发送网络请求，以下是使用XMLHttpRequest对象发送GET请求的示例代码：

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://example.com/api/data", true);
xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
        var response = JSON.parse(xhr.responseText);
        // 处理返回的数据
    }
};
xhr.send();

如果需要发送POST请求，只需将xhr.open方法的第一个参数改为"POST"，并在send方法中传递需要发送的数据。

使用uni.request方法发送网络请求

UniApp提供了uni.request方法来发送网络请求，uni.request方法返回一个Promise对象，可以使用.then和.catch方法处理请求结果和错误。以下是使用uni.request发送GET请求的示例代码：

uni.request({
    url: 'https://example.com/api/data',
    method: 'GET',
    success: function(res) {
        // 处理返回的数据
    },
    fail: function(err) {
        // 处理请求失败的情况
    }
});

如果需要发送POST请求，只需将method字段改为"POST"，并在data字段中传递需要发送的数据。

总结

在UniApp中使用H5网络请求，可以选择使用原生的XMLHttpRequest对象或者使用UniApp提供的uni.request方法。使用XMLHttpRequest对象需要手动处理请求的过程，而uni.request方法封装了请求过程，并返回一个Promise对象，方便处理请求结果和错误。根据实际情况选择合适的方法来发送网络请求，以满足应用程序的需求。