Django2.1.7 查询数据返回json格式的实现

站长资源 2024/11/23 佚名

2 0 1

需求问题

在日常工作中，对于前端发送过来的请求，后端django大部分都是采用json格式返回，也有采用模板返回视图的方式。

在模板返回视图的方式的确很方便，但是如果涉及到动静分离、ajax请求这类，django就只能返回json格式的数据了。

那么这里就带来了一个问题，如何将django从数据库模型类中查询的数据以json格式放回前端。

然后前端如果获取读取返回过来的数据呢？

环境说明

前端采用jquery发送ajax请求
python 3.7.2
django 2.1.7

示例说明

这次示例首先写一个简单的页面发送ajax请求，然后后端分如何返回多行数据，如果返回查询对象进行示例说明。

前端代码

首先编写一个简单的前端页面test_ajax.html如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="/UploadFiles/2021-04-08/jquery-3.0.0.min.js">

实现的功能很简单，只是获取输入框的内容，然后点击提交按钮发送一个ajax的post请求即可。
后台直接查询服务器信息，然后返回多条json数据
实现类视图代码如下：


from django.core import serializers
from django.http import HttpResponse
from assetinfo.models import ServerInfo
 
# ex: /assetinfo/test_ajax
class TestAjax(View):
 
  def get(self,request):
    """显示html页面"""
    return render(request,'assetinfo/test_ajax.html')
 
  def post(self,request):
    """接收处理ajax的post请求"""
    servers = ServerInfo.objects.all() # 查询服务器信息
    json_data = serializers.serialize('json', servers) # 将查询结果进行json序列化
    return HttpResponse(json_data, content_type="application/json") # 返回json数据


在后台代码我没有做获取post请求的参数，再进行的参数查询的操作，这样只演示如何返回json格式数据。
其中获取post请求参数的方式很简单，依然是request.POST.get('参数名')即可。
浏览器测试功能如下：

可以从浏览器的控制台看到后端返回过来的结果数据。
但是这样直接返回跟前端没有任务约束是不好的，那么下面来增加一下与前端交互的格式约束。
前后端约束返回数据格式


 {"resCode": '0', "message": 'success',"data": []}


按照这个约束格式，那么查询的结果应该放在data的数组中。下面来改后端视图代码。
后端按照约束格式返回json数据


from django.core import serializers
from django.http.response import JsonResponse
from assetinfo.models import ServerInfo
 
# ex: /assetinfo/test_ajax
class TestAjax(View):
 
  def get(self,request):
    """显示html页面"""
    return render(request,'assetinfo/test_ajax.html')
 
  def post(self,request):
    """接收处理ajax的post请求"""
 
    # 和前端约定的返回格式
    result = {"resCode": '0', "message": 'success',"data": []}
 
    # 查询服务器信息
    servers = ServerInfo.objects.all()
 
    # 序列化为 Python 对象
    result["data"] = serializers.serialize('python', servers)
 
    return JsonResponse(result)


浏览器测试如下：

这样子返回前端的话，每条数据对象包含 fields，model，pk三个对象，分别代表字段、模型、主键，我更想要一个只包含所有字段的字典对象。
后端修改每个model对象转化为dict字典对象"htmlcode">

from django.core import serializers
from django.http.response import JsonResponse
from django.forms.models import model_to_dict
 
# ex: /assetinfo/test_ajax
class TestAjax(View):
 
  def get(self,request):
    """显示html页面"""
    return render(request,'assetinfo/test_ajax.html')
 
  def post(self,request):
    """接收处理ajax的post请求"""
 
    # 和前端约定的返回格式
    result = {"resCode": '0', "message": 'success',"data": []}
    # 查询服务器信息
    servers = ServerInfo.objects.all()
 
    # 将model对象逐个转为dict字典，然后设置到data的list中
    for server in servers:
      server = model_to_dict(server) # model对象转dict字典
      server['server_used_type_id'] = serializers.serialize('python', server['server_used_type_id']) # 外键模型对象需要序列化，或者去除不传递
      result["data"].append(server)
 
    return JsonResponse(result)


浏览器测试如下：

可以看到，这样传递给前端就是字典对象了。
最后，再给出前端js遍历json格式数据的示例。
前端遍历返回的json格式数据示例


<script>
    $(function () {
      $('#search_server').click(function () {
        ....
 
        // 发送ajax post请求
        $.ajax({
          url: "/assetinfo/test_ajax",
          type: 'POST',
          data: {
            "tag": "search_project",
            "server_name": server_name,
          },
          dataType: "json",
          async: false,
          // 请求成功调用的函数
          success: function (res) {
            {#console.log(res.data);#}
            // 遍历data信息
            for(var i=0;i<res.data.length;i++){
              console.log(res.data[i]);
              console.log(res.data[i]['server_hostname']);
              console.log(res.data[i]['server_internet_ip']);
              console.log(res.data[i]['server_intranet_ip']);
            }
          },
          // 请求出错时调用的函数
          error: function () {
            alert("查询项目数据发送失败");
          }
 
        })
      })
    })
  </script>


浏览器显示如下：

Django返回json格式,Django查询返回json

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

评论“Django2.1.7 查询数据返回json格式的实现”

暂无评论...

www.wwsws.com 伏龙阁资源网

39,976影音资源

44,792技术资源

21,817软件资源

651,128站长资源

RTX 5090要首发性能要翻倍！三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。

更新日志

2024年11月23日

Django2.1.7 查询数据返回json格式的实现

需求问题

环境说明

示例说明

前端代码

前后端约束返回数据格式

后端按照约束格式返回json数据

前端遍历返回的json格式数据示例

vue.js刷新当前页面的实例讲解

Python实现对word文档添加密码去除密码的示例代码

评论“Django2.1.7 查询数据返回json格式的实现”

RTX 5090要首发性能要翻倍！三星展示GDDR7显存

更新日志

友情链接

Django2.1.7 查询数据返回json格式的实现

需求问题

环境说明

示例说明

前端代码

前后端约束返回数据格式

后端按照约束格式返回json数据

前端遍历返回的json格式数据示例

vue.js刷新当前页面的实例讲解

Python实现对word文档添加密码去除密码的示例代码

评论“Django2.1.7 查询数据返回json格式的实现”

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

更新日志

友情链接

RTX 5090要首发性能要翻倍！三星展示GDDR7显存