前端修炼手册(uniapp的api篇)

一、页面相关API

  1. uni.navigateTo
    该API用于跳转到应用内的某个页面,可以传递参数。
uni.navigateTo({
  url: '/pages/detail/detail?id=1'
})
  1. uni.redirectTo
    该API用于关闭当前页面并跳转到应用内的某个页面,可以传递参数。
uni.redirectTo({
  url: '/pages/detail/detail?id=1'
})
  1. uni.switchTab
    该API用于跳转到应用内的某个tab页,tab页是在pages.json中配置的。
uni.switchTab({
  url: '/pages/index/index'
})
  1. uni.reLaunch
    该API用于关闭所有页面并跳转到应用内的某个页面,可以传递参数。
uni.reLaunch({
  url: '/pages/index/index'
})
  1. uni.navigateBack
    该API用于返回上一页或多级页面。
uni.navigateBack({
  delta: 1
})

二、网络请求API

  1. uni.request
    该API用于发起网络请求,支持GET、POST等请求方式。
uni.request({
  url: 'https://api.example.com',
  method: 'GET',
  data: {
    id: 1
  },
  success: (res) => {
    console.log(res.data)
  },
  fail: (err) => {
    console.log(err)
  }
})
  1. uni.uploadFile
    该API用于上传文件,支持上传到服务器或云存储。
uni.uploadFile({
  url: 'https://api.example.com',
  filePath: 'path/to/file',
  name: 'file',
  success: (res) => {
    console.log(res.data)
  },
  fail: (err) => {
    console.log(err)
  }
})
  1. uni.downloadFile
    该API用于下载文件,支持下载到本地或云存储。
uni.downloadFile({
  url: 'https://example.com/file',
  success: (res) => {
    console.log(res.tempFilePath)
  },
  fail: (err) => {
    console.log(err)
  }
})

三、媒体相关API

  1. uni.chooseImage
    该API用于从相册或相机选择图片。
uni.chooseImage({
  count: 1,
  success: (res) => {
    console.log(res.tempFilePaths)
  },
  fail: (err) => {
    console.log(err)
  }
})
  1. uni.previewImage
    该API用于预览图片。
uni.previewImage({
  urls: ['image1.jpg', 'image2.jpg'],
  current: 'image1.jpg'
})
  1. uni.saveImageToPhotosAlbum
    该API用于保存图片到相册。
uni.saveImageToPhotosAlbum({
  filePath: 'image.jpg',
  success: () => {
    console.log('保存成功')
  },
  fail: (err) => {
    console.log(err)
  }
})

四、地理位置相关API

  1. uni.getLocation
    该API用于获取当前地理位置。
uni.getLocation({
  type: 'wgs84',
  success: (res) => {
    console.log(res.latitude, res.longitude)
  },
  fail: (err) => {
    console.log(err)
  }
})
  1. uni.openLocation
    该API用于打开地图选择位置。
uni.openLocation({
  latitude: 39.9,
  longitude: 116.4,
  name: '北京市',
  address: '朝阳区'
})

五、设备相关API

  1. uni.getSystemInfo
    该API用于获取设备信息。
uni.getSystemInfo({
  success: (res) => {
    console.log(res.model, res.platform)
  },
  fail: (err) => {
    console.log(err)
  }
})
  1. uni.scanCode
    该API用于扫描二维码。
uni.scanCode({
  success: (res) => {
    console.log(res.result)
  },
  fail: (err) => {
    console.log(err)
  }
})
  1. uni.makePhoneCall
    该API用于拨打电话。
uni.makePhoneCall({
  phoneNumber: '10086'
})

相关推荐

  1. 前端修炼手册uniappapi

    2024-02-11 10:52:01       32 阅读
  2. 全栈自我修养 ———— uniapp中封装api请求

    2024-02-11 10:52:01       12 阅读
  3. 2024前端面试准备之uniapp

    2024-02-11 10:52:01       32 阅读
  4. uniappapi用法大全

    2024-02-11 10:52:01       29 阅读
  5. uniappapi用法大全

    2024-02-11 10:52:01       28 阅读
  6. uniapp链接WebSocket 常用API

    2024-02-11 10:52:01       44 阅读
  7. Web前端——el-date-picker日期弹出框大小修改

    2024-02-11 10:52:01       31 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-02-11 10:52:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-02-11 10:52:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-02-11 10:52:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-02-11 10:52:01       20 阅读

热门阅读

  1. WebSocketServer+redis实时更新页面数据

    2024-02-11 10:52:01       33 阅读
  2. 龙芯+RT-Thread+LVGL实战笔记(34)——密码锁初步

    2024-02-11 10:52:01       28 阅读
  3. 题目 1059: 二级C语言-等差数列—c语言

    2024-02-11 10:52:01       36 阅读
  4. 测试OpenSIPS3.4.3的lua模块

    2024-02-11 10:52:01       32 阅读
  5. 刷题13 数组

    2024-02-11 10:52:01       35 阅读
  6. Linux - updatedb 命令

    2024-02-11 10:52:01       26 阅读
  7. P1595 信封问题

    2024-02-11 10:52:01       29 阅读
  8. 每日OJ题_位运算④_力扣268. 丢失的数字

    2024-02-11 10:52:01       34 阅读
  9. Python爬虫之关系型数据库存储#5

    2024-02-11 10:52:01       26 阅读
  10. [office] excel中四舍五入的教程 #经验分享#媒体

    2024-02-11 10:52:01       28 阅读