当前位置：网站首页>DRF use: get request to get data (small example)

DRF use: get request to get data (small example)

2022-07-27 16:19:00 【fresh_ nam】

List of articles

Preface

The previous blogs talked about drf Some basic knowledge , Don't understand, drf You can go in and study DRF Learning notes ( Get ready )（ I will ignore this sentence ）, Next, take a simple example to show how the page drf Data transmitted .

One 、 Get ready

So let's create one django project , And add a app, I added app yes demo( Don't forget it. settings Created by reference in app). Then add the following code ( The following is my model class , You can also modify the code according to your own model class )：
demo/models.py

from django.db import models

# Create your models here.
class ClassInfo(models.Model):
    number = models.IntegerField(verbose_name=' Class number ')
    grade = models.CharField(verbose_name=' grade ', max_length=3, choices=((' In grade one ', ' In grade one '), (' second grade ', ' second grade '), (' Third grade ', ' Third grade ')))

demo/serializers.py

from rest_framework import serializers
from demo.models import ClassInfo
class ClassInfoSerializer(serializers.ModelSerializer):
    """ Class data serializer """
        class Meta:
        model = ClassInfo
        fields = '__all__'

demo/views.py

from demo.models import ClassInfo
from demo.serializers import ClassInfoSerializer
from rest_framework import mixins
from rest_framework.viewsets import GenericViewSet
from rest_framework.decorators import action
class ClassInfoViewSet(mixins.ListModelMixin,  GenericViewSet):
    queryset = ClassInfo.objects.all()
    serializer_class = ClassInfoSerializer

demo/urls.py

from django.urls import path
from demo import views
urlpatterns = [
	path('classes_set/', views.ClassInfoViewSet.as_view({
    'get': 'list'})),
]

The root of the project urls.py

urlpatterns = [
    path('demo/', include('demo.urls')),
]

result ：
Insert picture description here

Two 、 Use

stay templates Add under directory html：
templates/drf_test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>drf_test</title>
    <script type="text/javascript" src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js" charset="utf-8"></script>
</head>
<body>
<table border="1" id="class_data">
  <tr>
    <th> Class number </th>
    <th> grade </th>
  </tr>
</table>
</body>
<script> var get_url = 'http://127.0.0.1:8000/demo/classes_set/' $.ajax( {
      type: 'get', url: get_url, dataType: 'json', success: function (data) {
      for(i = 0; i < data.length; i++){
      $("#class_data").append('<tr><th>' + data[i].number + '</th>' + '<th>' + data[i].grade + '</th></tr>') } } } ) </script>
</html>

Add view ：
demo/views.py

def drf_test(request):
    return render(request, 'drf_test.html')

add to url：
demo/urls.py

urlpatterns = [
    path('drf_test/', views.drf_test),  #  Added this line 
]

result ：
Insert picture description here
The page can successfully obtain data , And show it ！

原网站

版权声明
本文为[fresh_ nam]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/208/202207271435173555.html

边栏推荐

猜你喜欢

随机推荐