如何用django写接口返回json数据，并用vue发送Ajax的promise请求

### 回答1：
在 Django 中，您可以使用 Django REST framework 来编写接口并返回 JSON 数据。首先，您需要安装 Django REST framework：

pip install djangorestframework

然后，在 Django 项目的 `settings.py` 文件中添加 `'rest_framework'` 到 `INSTALLED_APPS` 列表中。

接下来，您需要在 Django 中创建一个视图，这个视图将返回 JSON 数据。您可以使用 Django REST framework 提供的 `APIView` 或 `GenericAPIView`：

from rest_framework.views import APIView
from rest_framework.response import Response

class MyView(APIView):
    def get(self, request, format=None):
        data = {'message': 'Hello, World!'}
        return Response(data)

最后，您需要在 Django 的 URL 配置中为这个视图添加一个 URL 模式：

from django.urls import path
from .views import MyView

urlpatterns = [
    path('api/hello/', MyView.as_view(), name='hello'),
]

在 Vue 中，您可以使用 Axios 库发送 AJAX 请求：

import axios from 'axios';

axios.get('/api/hello/')
  .then(response => {
    console.log(response.data);
  });

这样，您就可以使用 Django 编写接口并返回 JSON 数据，并使用 Vue 发送 AJAX 请求。

### 回答2：
使用Django编写接口返回JSON数据非常简单。首先，在Django项目中创建一个视图函数，该函数处理来自前端请求的数据，并返回一个JSON格式的响应。以下是一个简单的示例：

from django.http import JsonResponse

def my_view(request):
    data = {'message': 'Hello, world!'}
    return JsonResponse(data)

在这个例子中，`my_view`视图函数会返回一个包含"message"键和"Hello, world!"值的JSON响应。

在前端使用Vue发送Ajax的Promise请求也很简单。你可以使用Vue的axios库来发送HTTP请求，并返回一个Promise对象以处理异步操作。以下是一个简单的示例：

import axios from 'axios';

axios.get('/api/my_view/')
  .then(response => {
    console.log(response.data.message);
  })
  .catch(error => {
    console.error(error);
  });

在这个例子中，我们使用axios的`get`方法发送一个GET请求到`/api/my_view/`接口。当Promise成功时，我们打印出接口返回的数据中的"message"键值对；当Promise失败时，我们打印出错误信息。

需要注意的是，你需要将前端的Vue项目与后端的Django项目连接起来，以确保请求能够正确地发送到后端接口。在Django项目的配置文件中，可以设置`CORS_ORIGIN_ALLOW_ALL = True`来允许来自任何域的请求。

### 回答3：
使用Django编写接口返回JSON数据很简单。首先，在Django项目中创建一个视图函数，该函数将处理Ajax请求并返回JSON数据。然后，使用Django的内置JSONResponse类将数据转换为JSON格式，并返回给前端。下面是一个示例：

from django.http import JsonResponse

def get_data(request):
    # 处理数据的逻辑
    
    data = {
        "name": "John",
        "age": 25,
        "city": "New York"
    }
    
    return JsonResponse(data)

在上面的示例中，我们定义了一个`get_data`视图函数，它返回一个包含姓名、年龄和城市的JSON数据。使用Django的`JsonResponse`类将数据转换为JSON格式，并返回给前端。

现在，通过Vue发送Ajax的Promise请求，可以使用Axios库来简化操作。首先，确保在Vue项目中安装了Axios。然后在Vue组件中使用Axios发送请求，并使用Promise来处理响应数据。下面是一个示例：

import axios from 'axios';

// 发送请求的函数
function getData() {
    return axios.get('/api/get_data/')
        .then(response => {
            return response.data;
        })
        .catch(error => {
            console.log(error);
        });
}

// 在Vue组件中调用函数
export default {
    data() {
        return {
            myData: {}
        }
    },
    methods: {
        fetchData() {
            getData()
                .then(data => {
                    this.myData = data;
                });
        }
    },
    created() {
        this.fetchData();
    }
}

在上面的示例中，我们首先导入Axios库并定义一个发送请求的函数`getData`。然后，在Vue组件中使用该函数来获取数据，并存储在组件的`myData`属性中。最后，在组件的`created`生命周期钩子中调用`fetchData`函数来获取数据。

这样，我们就可以使用Django编写一个返回JSON数据的接口，并使用Vue发送Ajax的Promise请求来获取和处理这些数据。