vue-admin-template get和post请求及带参方式

get:

(1)在url后面拼接单独的值,例如:localhost:80/student/1 查找id为1的学生信息

student为固定的url中的字段,1为id的值,会变化,那么在vue-admin-template的api中可以写如下方式:

export function getOne(id) {
  return request({
    url: `/student/${id}`,
    method: 'get'
  })
}

在request的url中使用 `` 即可将id作为值拼入。

(2)请求使用key=value方式访问,例如:localhost:80/student?id=1 查找id为1的学生信息

export function getOne(id) {
  return request({
    url: '/student',
    method: 'get',
    params: {
      id
    }
  })
}

传递多个参数,例如:localhost:80/student?id=1&sex=man

export function getOne(id) {
  return request({
    url: '/student',
    method: 'get',
    params: {
      id,  // 或者改为id: id,
      sex: 'man' // 因为这里没有sex的动态值,固测试使用定值man,可通过方法传递
    }
  })
}

post:

提交学生信息:

export function commit(data) {
  return request({
    url: '/student/add',
    method: 'post',
    data
  })
}

 

GitHub 加速计划 / vu / vue-admin-template
18
6
下载
PanJiaChen/vue-admin-template: 基于 Vue.js 和 Element UI 的后台管理系统模板,支持多语言、主题和布局切换。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
最近提交(Master分支:3 个月前 )
4c18a3f4 - 3 年前
714ded11 - 5 年前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐