5.7 网络请求

优质

小牛编辑

143浏览

2023-12-01

类似于Ajax，QAP实现了Fetch功能，能够简单的异步的获取资源。

GET

QN.fetch('http://121.42.141.44:8888', {
    body: '',
    method: 'GET',
    mode: 'same-origin',
    dataType: 'text',
})
.then(response => {
    return response.text(); // => 返回一个 `Promise` 对象
})
.then(data => {
    Modal.alert('success:' + JSON.stringify(data))
})
.catch(error => {
    Modal.alert('error:' + JSON.stringify(error))
});

POST

QN.fetch('http://121.42.141.44:8888', {
    method: 'POST',
    body: 'id=233&t=20161013',
    mode: 'same-origin',
    dataType: 'json',
})
.then(response => {
    return response.json(); // => 返回一个 `Promise` 对象
})
.then(data => {
    Modal.alert('success：' + JSON.stringify(data))
})
.catch(error => {
    Modal.alert('error:' + JSON.stringify(error))
});

上述代码中body参数只能是search string形式。QAP-SDK提供了Object to search string的方法，详情请参考toQueryString章节。