Django + Axios & Ajax post和get 传参

Posted Xcsg

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Django + Axios & Ajax post和get 传参相关的知识,希望对你有一定的参考价值。

话说千遍淡如水,不如代码来一通。
 
Axios post:
let params = new URLSearchParams();
params.append(‘id‘,xx)
        axios({
        url:‘http://127.0.0.1:8000/userctrl/shoucang‘,
        method:‘post‘,
        data:params,
        responseType:"text",
    })

    .then(function(obj){
    })


//后端取值:
id = request.POST.get(‘id‘)

Axios get:

axios({
        url:‘http://127.0.0.1:8000/userctrl/shoucang‘,
        method:‘get‘,
        params:{‘id‘:xx},
        responseType:"text",
    })

    .then(function(obj){
    })

//后端取值:
id= request.GET.get(‘id‘)
 

Ajax post:

 $.ajax({
     url:"http://127.0.0.1:8000/userctrl/shoucang",
     data:{‘id‘:xx},
     type:"post",
     async:false,
    dataType:"text",
     success:function(obj){
         console.log(obj)
    }
 }) 

//后端取值:
id = request.POST.get(‘id‘)

Ajax get:

$.ajax({
     url:"http://127.0.0.1:8000/userctrl/shoucang",
     data:{‘id‘:xx},
     type:"get",
     async:false,
    dataType:"text",
     success:function(obj){
         console.log(obj)
 }) 

//后端取值:
id= request.GET.get(‘id‘)
 

 

 

以上是关于Django + Axios & Ajax post和get 传参的主要内容,如果未能解决你的问题,请参考以下文章

ReactJS 和 Django:如何以正确的方式使用 axios 发送 csrf 令牌?

axios -- axios常用配置对象说明 & axios的默认配置 & axios创建实例对象发送ajax请求

Django AJAX方式提交数据解决csrf验证问题

Django AJAX方式提交数据解决csrf验证问题

axios -- axios 是什么 & axios 特点 & json-server的介绍与服务搭建 & axios 引入

前端Vue框架 05 第三方插件(vuex: 组件间交互的(移动端), axios - 前后台(django): ajax, element-ui: 页面布局, jq+bs: jQuery+Boo