首页 > 其他 > 详细

前后端分离项目中前端请求传参问题

时间:2020-03-18 09:27:28      阅读:586      评论:0      收藏:0      [点我收藏+]

一. get和delete方法的查询字符串参数在请求首行中, 所以要用路由参数或者用 params:{} 进行传参

(1) 用路由参数进行传参

# 前端发送ajax

this.$axios.delete(`${this.$settings.Host}/article/del_collection/${collection_id}`,{

  headers:{..}

})

 

# 后端路由
re_path(
"^del_collection/(?P<pk>\d+)/$",...),

# 视图方法里直接传参pk获取 collection_id

(2) 用 params:{} 进行传参

# 前端发送ajax

this.$axios.get(`${this.$settings.Host}/article/`,{
  params:{ 
      collection: this.collection_list[this.current_collection].id,
  },

  headers:{...}

})

后端路由:
path(
"",...),

视图方法里获取
collection:
collection_id = request.query_params.get("collection")

 

二.  put和post请求方法的查询字符串参数在请求体中, 所以要用路由参数或者用 {} 进行传参

(1) 用路由参数进行传参同上述(1)


(2) 用{}直接传参

this.$axios.put(`${this.$settings.Host}/article/public/${article_id}/`,{
  is_public: is_public,
},{
  headers:{...}
})
后端视图中获取
is_public:
is_public = request.data.get("is_public")

 

前后端分离项目中前端请求传参问题

原文:https://www.cnblogs.com/banbosuiyue/p/12515014.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!