如何将项目列表从我的 UI 发送到我的 Django Rest 框架 API？

Question

我的项目使用多线程同时处理多个任务。 我希望我的 UI（我正在使用 Vue.js）将项目列表/数组发送到我的 API 以处理每个单独的项目任务。 前任。

[{ 
"1": "item1",
"2": "item2",
"3": "item3",
...}]

（API 搜索项目以找到要使用的命令，这就是我使用多线程的原因，这样我可以同时处理多个任务，而不是发送每个单独的项目，这会花费太长时间）

如何将对象列表或数组发送到 API？

Answer 1

答案是使用 JavaScript 通过请求将数据发送到您的端点。 如何操作取决于您要使用什么，例如，一种流行的选择是axios 。

虽然，这是一个使用fetch API的简单示例：

模板

<script>
    const url = '/your/endpoint/url/';
    data = [
        {'my': 'list', "of": "key", "pair": "values"}, 
        {'can': 'be', "multiple": "objects"}
    ]
    fetch(url, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify(data) 
    })
    .then((response) => response.json())
    .then((data) => console.log(data.message));
</script>

视图.py

class Endpoint(APIView):

    def post(self, request):
        print(request.data)
        # print output: [{'my': 'list', 'of': 'key', 'pair': 'values'}, {'can': 'be', 'multiple': 'objects'}]
        ...
        return Response({'message': 'data received'})