请问怎么用Ts文件封装 Fetch 请求Api?

flyingdream123 2023-03-13 11:17:27


```c#
async function LoadData() {
  await fetch('http://localhost:57679/api/Customers')
    .then((response) => response.json())
    .then((data) => {
      tableData.value = data
    })
    .catch((err) => {
      console.log(JSON.stringify(err))
    })
}
async function DeleteRow(id: number) {
  let url = `http://localhost:57679/api/Customers/${id}`
  await fetch(url, {
    method: 'delete'
  })
    .then((response) => {
      if (!response.ok) {
        console.log(response)
        throw new Error(JSON.stringify(response))
      }
    })
    .then(() => {
      console.log('then')
      ElMessage.info('删除成功!')
    })
    .catch((err) => {
      console.log('catch')
      console.log(err)
      ElMessage.error('删除失败')
    })
}


```

...全文
成就一亿技术人!
拼手气红包 15.00元
974 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

1,906

社区成员

发帖
与我相关
我的任务
社区描述
Vue是一套用于构建用户界面的渐进式JavaScript框架。我们更加关注于spa单页面应用、uni-app、vue3、微前端、基于vue的低码平台。
前端 技术论坛(原bbs)
社区管理员
  • community_283
  • 槿畔
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

亲爱的CSDN小伙伴你们好,我是一个全新的社区,成立之初请CSDN的小伙伴们帮忙推广一下我们VUE社区,欢迎大家来这里讨论VUE相关问题哦~

另外对社区做出重大贡献者,可以联系版主授予称号~

试试用AI创作助手写篇文章吧