如何將項目列表從我的 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'})