网站开发网页设计北京师范大学出版社,网站建设360元起全包,网站开发的理解,成品直播大全观视频的技巧API#xff1a;开发者可以通过这些接口与其它程序进行交互#xff0c;获取所需数据或者执行指定操作。
网络请求 API:
UniApp 中内置了网络请求 API#xff0c;方便调用 uni.request uni.uploadFile uni.request 接口主要用于实现网络请求。GET 和 POST 是使用最普遍的两种…API开发者可以通过这些接口与其它程序进行交互获取所需数据或者执行指定操作。
网络请求 API:
UniApp 中内置了网络请求 API方便调用 uni.request uni.uploadFile uni.request 接口主要用于实现网络请求。GET 和 POST 是使用最普遍的两种请求方式。
该接口支持的请求方式有GET、POST、PUT、DELETE、HEAD、OPTIONS、TRACE、CONNECT。
参数名类型是否必填作用urlString是请求的 URL 地址methodString是请求的方式支持 GET、POST、PUT、DELETE、HEAD、OPTIONS、TRACE、CONNECTheaderObject否需要设置的请求头部信息dataObject/String否请求的数据dataTypeString否返回值的数据类型支持 json、text、defaultresponseTypeString否响应类型支持 text、arraybuffer、blobsuccessFunction否请求成功后的回调函数failFunction否请求失败后的回调函数completeFunction否请求完成后的回调函数
uni.request({url: https://api.example.com/login, method: POST, header: {content-type: application/json}, data: {username: example,password: example123}, success: res {console.log(res.data)}, fail: error {console.log(error)}
})
uni.uploadFile 接口主要用于上传文件
参数名类型是否必填作用urlString是请求的 URL 地址filePathString是要上传的文件路径仅支持本地路径nameString是上传文件的名字headerObject否需要设置的请求头部信息formDataObject否需要上传的额外参数successFunction否请求成功后的回调函数failFunction否请求失败后的回调函数completeFunction否请求完成后的回调函数
uni.uploadFile({url: https://api.example.com/upload, filePath: /path/to/file,name: file, header: {content-type: multipart/form-data}, formData: {name: example},success: res {console.log(res.data)},fail: error {console.log(error)}
}) 路由 API: uni.navigateTo uni.redirectTo uni.navigateTo 接口是用于跳转到新页面的方法并传递参数。
通过这个接口我们可以实现跳转到新页面并传递参数。
参数名类型是否必填作用urlString是要跳转的页面路径支持相对路径和绝对路径successFunction否跳转成功后的回调函数failFunction否跳转失败后的回调函数completeFunction否跳转完成后的回调函数
uni.navigateTo({url: /pages/detail/detail?id1,success: res {console.log(res)},fail: error {console.log(error)}
})
uni.redirectTo 接口是用于关闭当前页面并跳转到新页面的方法
参数名类型是否必填作用urlString是要跳转的页面路径支持相对路径和绝对路径successFunction否跳转成功后的回调函数failFunction否跳转失败后的回调函数completeFunction否跳转完成后的回调函数
uni.redirectTo({url: /pages/index/index,success: res {console.log(res)},fail: error {console.log(error)}
})
Storage API
一些数据需要本地存储以便在下次启动应用程序时能够快速访问到
UniApp 提供了 Storage API用于本地存储数据。
方法名参数作用uni.setStoragekey,value将数据存储在本地缓存中uni.getStoragekey从本地缓存中获取指定 key 对应的内容uni.removeStoragekey从本地缓存中删除指定 keyuni.clearStorage无清空本地缓存
// 存储数据
uni.setStorage({key: username,data: example,success: function () {console.log(数据存储成功)}
})// 获取数据
uni.getStorage({key: username,success: function (res) {console.log(res.data)}
})// 删除数据
uni.removeStorage({key: username,success: function () {console.log(数据删除成功)}
}) 网络请求、路由、Storage 存储、组件、插件、生命周期
