django简单的前后端分离的数据传输 axios

最新推荐文章于 2022-03-12 15:52:34 发布

虔诚XY

最新推荐文章于 2022-03-12 15:52:34 发布

阅读量3.2k

点赞数 4

分类专栏： django vue 文章标签： vue django axios

本文链接：https://blog.csdn.net/qq_42164596/article/details/101977871

版权

django 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

vue

3 篇文章 1 订阅

订阅专栏

前端使用的是vue，下面是axios的主要代码

methods: {
            search: function () {
                var params = {
                    content1: this.content1
                }
                this.$axios.post("http://127.0.0.1:8000/search/", params)
                    .then((response)=> {
                        console.log(response);
                        this.response1=response.data['content1']
                    })
                    .catch(function (error) {
                        console.log(error);
                    })
            },
            find: function () {
                this.$axios.get("http://127.0.0.1:8000/find/", {
                    params: {
                        content2: this.content2
                    }
                })
                    .then((response)=> {
                        console.log(response);
                        this.response2=response.data['content2']
                    })
                    .catch(function (error) {
                        console.log(error);
                    })
            },
        },

后端是django框架，代码如下

@csrf_exempt
def search(request):
    post_content = json.loads(request.body, encoding='utf-8')['content1']
    print(type(post_content))
    print("post_content是：")
    print(post_content)
    return JsonResponse({'content1': 'post请求' + post_content * 2, 'msg': '错误信息'})


@csrf_exempt
def find(request):
    find_content = request.GET.get('content2')
    print("find_content是：")
    print(type(find_content))
    print(find_content)
    return JsonResponse({'content2': 'get请求' + find_content * 3})

这里主要是新手对axios和前后端分离开发的学习