good/xhs-examples
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
熊潇
2025-09-14 00:21:54 +08:00
commit d40b3bbd62
766 changed files with 36275 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
xhs-mini-demos/api-case/request/request.css Normal file
View File

@@ -0,0 +1,4 @@
._dflex button {
margin: 10px 0;
background-color: red;
}

155
xhs-mini-demos/api-case/request/request.js Normal file
View File

@@ -0,0 +1,155 @@
const __templateJs = require("./templates.js");
const __mergePageOptions = require("../../util/mergePageOptions.js");
const requestUrl = require('../../config').requestUrl;
Page(__mergePageOptions({
onShareAppMessage() {
return {
title: '网络请求',
path: 'api-case/request/request'
};
},
data: {},
request(e) {
console.log(e);
const method = e.target.dataset.method;
xhs.request({
url: requestUrl,
method: method,
data: {
noncestr: Date.now()
},
success(res) {
xhs.showModal({
title: `${method}请求成功`,
content: `${JSON.stringify(res)}`
});
},
fail(res) {
xhs.showToast({
title: `${method}请求失败：${JSON.stringify(res)}`
});
}
});
},
makeRequest() {
xhs.request({
url: requestUrl,
method: 'get',
success(res) {
xhs.showModal({
title: '请求成功',
content: `${JSON.stringify(res)}`
});
},
fail(res) {
xhs.showToast({
title: `请求失败：${JSON.stringify(res)}`
});
}
});
},
makeRequestOptions() {
xhs.request({
url: requestUrl,
method: 'OPTIONS',
data: {
noncestr: Date.now()
}
});
},
makeRequestHead() {
xhs.request({
url: requestUrl,
method: 'HEAD',
data: {
noncestr: Date.now()
}
});
},
makeRequestPut() {
xhs.request({
url: requestUrl,
method: 'PUT',
data: {
noncestr: Date.now()
}
});
},
makeRequestDelete() {
xhs.request({
url: requestUrl,
method: 'DELETE',
data: {
noncestr: Date.now()
}
});
},
makeRequestPostJSON() {
xhs.request({
url: requestUrl,
method: 'POST',
header: {
'content-type': 'application-json'
},
data: {
noncestr: Date.now()
}
});
},
makeRequestPostFormData() {
xhs.request({
url: requestUrl,
header: {
'content-type': 'multipart/form-data'
},
data: {
name: 123,
sex: 456
}
});
},
makeRequestTimeout() {
xhs.request({
url: requestUrl,
timeout: 2000,
data: {
noncestr: Date.now()
}
});
},
makeRequestRequestArrayBuffer() {
xhs.request({
url: requestUrl,
method: 'POST',
data: new ArrayBuffer(8),
dataType: 'arraybuffer'
});
},
makeRequestResponseArrayBuffer() {
xhs.request({
method: 'POST',
url: requestUrl,
responseType: 'arraybuffer',
data: '123',
success(e){
console.log('request success', e);
},
fail(e){
console.log('request fail', e);
},
});
},
makeRequestPostForm() {
xhs.request({
url: requestUrl,
method: 'POST',
header: {
'content-type': 'application/x-www-form-urlencoded'
},
data: {
name: 1,
age: 2
}
});
}
}, __templateJs));

8
xhs-mini-demos/api-case/request/request.json Normal file
View File

@@ -0,0 +1,8 @@
{
"navigationBarTitleText": "网络请求",
"usingComponents": {
"showbox": "../../common/component/showbox/index",
"box": "../../common/component/container/index",
"api-status": "../../common/component/api-status/index"
}
}

19
xhs-mini-demos/api-case/request/request.xhsml Normal file
View File

@@ -0,0 +1,19 @@
<view class="container">
<showbox title="点击按钮发送请求(弹窗返回结果)">
<box>
<view class="_ui-space">
<button bindtap="makeRequest" class="_ui-button" hover-class="_ui-button-hover" data-method="get">GET</button>
<button bindtap="request" class="_ui-button" hover-class="_ui-button-hover" data-method="options">OPTIONS</button>
<button bindtap="request" class="_ui-button" hover-class="_ui-button-hover" data-method="put">PUT</button>
<button bindtap="request" class="_ui-button" hover-class="_ui-button-hover" data-method="delete">DELETE</button>
<button bindtap="makeRequestPostFormData" class="_ui-button" hover-class="_ui-button-hover" method="get">POSTFormData</button>
<button bindtap="makeRequestTimeout" class="_ui-button" hover-class="_ui-button-hover" method="get">Timeout</button>
<button bindtap="makeRequestRequestArrayBuffer" class="_ui-button" hover-class="_ui-button-hover" method="get">ReqArrayBuffer</button>
<button bindtap="makeRequestResponseArrayBuffer" class="_ui-button" hover-class="_ui-button-hover" method="get">ResArrayBuffer</button>
<button bindtap="makeRequestPostForm" class="_ui-button" hover-class="_ui-button-hover" method="get">POST www-form-urlencoded</button>
</view>
</box>
</showbox>
</view>
<include src="templates.xhsml" />

93
xhs-mini-demos/api-case/request/templates.js Normal file
View File

@@ -0,0 +1,93 @@
/** 以下内容为自动生成，请勿手动修改 */
module.exports = {
data: {
page_data_0: "",
page_data_1: "",
page_data_2: "",
page_data_3: "",
page_data_4: "",
page_data_5: "",
page_data_6: "",
page_data_7: false,
page_data_8: false,
page_data_9: false,
page_data_10: "",
},
page_fun_1(e) {
this.setData("page_data_0", e.detail.value);
},
page_fun_2(e) {
this.setData("page_data_1", e.detail.value);
},
page_fun_3(e) {
this.setData("page_data_2", e.detail.value);
},
page_fun_4(e) {
this.setData("page_data_3", e.detail.value);
},
page_fun_5(e) {
this.setData("page_data_4", e.detail.value);
},
page_fun_6(e) {
this.setData("page_data_5", e.detail.value);
},
page_fun_7(e) {
this.setData("page_data_6", e.detail.value);
},
page_fun_0() {
this.setData({
page_data_7: false,
page_data_8: false,
page_data_9: false,
});
xhs.request({
success: (res) => {
console.log("success", res);
this.setData({
page_data_7: true,
page_data_10: JSON.stringify(res),
});
},
fail: (res) => {
console.log("fail", res);
this.setData({
page_data_8: true,
page_data_10: JSON.stringify(res),
});
},
complete: (res) => {
console.log("complete", res);
this.setData({
page_data_9: true,
});
},
url: this.data.page_data_0,
data: this.data.page_data_1,
header: this.data.page_data_2,
timeout: this.data.page_data_3,
method: this.data.page_data_4,
dataType: this.data.page_data_5,
responseType: this.data.page_data_6,
});
},
};

56
xhs-mini-demos/api-case/request/templates.xhsml Normal file
View File

@@ -0,0 +1,56 @@
<!-- 以下内容为自动生成，请勿手动修改 -->
<view class="container">
<showbox title="request演示">
<box>
<api-status
success="{{page_data_7}}"
complete="{{page_data_9}}"
fail="{{page_data_8}}"
text="{{page_data_10}}"
>
</api-status>
<view class="_ui-space _mt8">
<view class="_ui-input">
<input placeholder="url" type="text" bindinput="page_fun_1" />
</view>
<view class="_ui-input">
<input placeholder="data" type="text" bindinput="page_fun_2" />
</view>
<view class="_ui-input">
<input placeholder="header" type="text" bindinput="page_fun_3" />
</view>
<view class="_ui-input">
<input placeholder="timeout" type="text" bindinput="page_fun_4" />
</view>
<view class="_ui-input">
<input placeholder="method" type="text" bindinput="page_fun_5" />
</view>
<view class="_ui-input">
<input placeholder="dataType" type="text" bindinput="page_fun_6" />
</view>
<view class="_ui-input">
<input
placeholder="responseType"
type="text"
bindinput="page_fun_7"
/>
</view>
<button
class="_ui-button"
hover-class="_ui-button-hover"
bindtap="page_fun_0"
>
触发
</button>
</view>
</box>
</showbox>
</view>