django通过ajax发起请求返回JSON格式数据的方法

下面我将详细讲解“django通过ajax发起请求返回JSON格式数据的方法”的完整攻略。

一、准备工作

在开始撰写代码之前，我们需要进行一系列的准备工作。具体步骤如下：
1. 安装django和jQuery库。
2. 创建一个django项目和一个app。

二、编写前端代码

首先，我们需要编写前端代码来发送ajax请求，并获取从Django后端接收到的JSON格式数据。
这里，我们可以通过jQuery库来实现，具体代码如下：

$.ajax({
    url: '/example/',  //Django后端定义的url
    type: 'GET',
    dataType: 'json',
    success: function(data) {
        console.log(data);  //打印从Django后端获取到的数据
    },
    error: function(xhr, status, error) {
        console.log('Error:', error); //处理错误情况
    }
});

其中，url是我们在Django后端定义的路由地址，一般使用urls.py文件进行管理，当前为/example/。
type是我们发送的请求类型，这里为GET请求。
dataType用来告诉服务器返回的数据格式。由于我们需要返回JSON格式的数据，所以这里设置为json。
成功获取到数据后，我们在控制台中通过console.log()方法打印出数据。 如果发生错误，我们也可以通过error函数来处理错误情况。

三、编写Django后端代码

接下来我们需要编写Django后端代码来处理前端发来的请求并返回JSON格式的数据。具体步骤如下：

3.1 定义路由地址

在urls.py文件中，我们需要定义接收到前端请求时，应该调用哪个函数，以及用哪个url对应该函数。代码如下：

from django.urls import path
from . import views

urlpatterns = [
    path('example/', views.get_data, name='get_data'),
]

这里我们定义了/example/这个路由，当接收到来自前端的请求时，就会调用我们接下来要定义的get_data函数。

3.2 编写获取数据的代码

在views.py文件中，我们定义一个get_data函数，来实现获取数据的操作。代码如下：

from django.http import HttpResponse
from django.core import serializers
from .models import ExampleModel

def get_data(request):
    data = ExampleModel.objects.all()
    json_data = serializers.serialize('json', data)
    return HttpResponse(json_data, content_type='application/json')

在这个函数中，我们使用Django自带的序列化器serializers将从数据库获取到的数据序列化成JSON格式，并通过HttpResponse对象返回给前端。

其中，ExampleModel是我们在models.py中定义的数据模型，用于存储需要返回的数据。

四、示例说明

通过前面的讲解，大家可能还不是非常清晰。下面我将结合两个示例来详细说明如何使用Django后端通过ajax请求返回JSON格式数据。

示例一：获取固定数据

比如我们需要获取一个固定的JSON字符串，并返回给前端。具体步骤如下：

4.1 在urls.py文件中定义路由地址，如下：

from django.urls import path
from . import views

urlpatterns = [
    path('example/', views.get_static_data, name='get_static_data'),
]

4.2 在views.py文件中定义get_static_data函数，如下：

from django.http import HttpResponse
import json

def get_static_data(request):
    data = {'name': 'Tom', 'age': 23}  #模拟数据
    json_data = json.dumps(data) #将数据序列化成JSON格式
    return HttpResponse(json_data, content_type='application/json')

4.3 前端代码如下：

$.ajax({
    url: '/example/',  //Django后端定义的url
    type: 'GET',
    dataType: 'json',
    success: function(data) {
        console.log(data);  //打印从Django后端获取到的数据
    },
    error: function(xhr, status, error) {
        console.log('Error:', error); //处理错误情况
    }
});

示例二：获取数据库数据

比如我们需要获取数据库中的数据，并返回给前端。具体步骤如下：

4.1 在urls.py文件中定义路由地址，如下：

from django.urls import path
from . import views

urlpatterns = [
    path('example/', views.get_database_data, name='get_database_data'),
]

4.2 创建models.py文件，定义数据模型和一个数据库连接对象，如下：

from django.db import models

class ExampleModel(models.Model):
    name = models.CharField(max_length=255)
    age = models.IntegerField()

    class Meta:
        db_table = 'example_data'

import psycopg2

def database_connection():
    conn = psycopg2.connect(database='example', user='postgres', password='123456', host='localhost', port='5432')
    return conn

4.3 在views.py中定义get_static_data函数，如下：

from django.http import HttpResponse
from django.core import serializers
from .models import ExampleModel
from .models import database_connection

def get_database_data(request):
    conn = database_connection()  #建立数据库连接
    cur = conn.cursor()

    cur.execute("SELECT * FROM example_data") #查询example_data表中的数据
    rows = cur.fetchall()

    data = [] #定义一个空数组，用于存储查询到的数据
    for row in rows:
        dict_temp = {'id': row[0], 'name': row[1], 'age': row[2]}
        data.append(dict_temp)

    json_data = json.dumps(data) #将数据序列化成JSON格式
    conn.close()  #关闭数据库连接
    return HttpResponse(json_data, content_type='application/json')

4.4 前端代码如下：

$.ajax({
    url: '/example/',  //Django后端定义的url
    type: 'GET',
    dataType: 'json',
    success: function(data) {
        console.log(data);  //打印从Django后端获取到的数据
    },
    error: function(xhr, status, error) {
        console.log('Error:', error); //处理错误情况
    }
});

通过以上示例代码，您可以掌握在django通过ajax发起请求返回JSON格式数据的方法。