1. class MyDateTimeEncode(json.JSONEncoder):
  2.     def default(self, o):
  3.         if isinstance(o, datetime):
  4.             return o.strftime('%Y-%m-%d %H:%M:%S')
  5.         elif isinstance(o, date):
  6.             return o.strftime('%Y-%m-%d')
  7.         else:
  8.             return json.JSONEncoder.default(self, o)
  9.  
  10. def seriallizer_view(request):
  11.     books_obj = models.Book.objects.all()
  12.     # 传queryset对象
  13.     # json_books_obj = serializers.serialize('json', books_obj)
  14.     time1 = datetime.now()
  15.     json_time1 = json.dumps(time1, cls=MyDateTimeEncode)
  16.     if request.method == "POST":
  17.         return HttpResponse(json_time1)
  18.         # return JsonResponse({"key": 'OK'})  # 默认只能传值字典，其余字符串等需要设置参数safe=False
  19.     return render(request, 'serial.html')

前端ajax代码：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6.     <script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.js"></script>
  7.     <script src="https://cdn.bootcss.com/vue-router/3.0.1/vue-router.js"></script>
  8.     <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
  9.     <script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.js"></script>
  10. </head>
  11. <body>
  12. <button id="btn">点我获取数据</button>
  13.  
  14. <script>
  15.     $("#btn").click(function () {
  16.         {#$.ajax({#}
  17.         {#    url:"",#}
  18.         {#    type:'post',#}
  19.         {#    contentType:'json',#}
  20.         {#    headers:{"X-CSRFToken":$.cookie("csrftoken")},#}
  21.         {#    data:{},#}
  22.         {#    success:function (res) {#}
  23.         {#        data = JSON.parse(res);#}
  24.         {#        console.log(data[0]);#}
  25.         {#        console.log(typeof res);#}
  26.         {#        for(var i=0;i<data.length;i++)#}
  27.         {#        $("body").append(`<li>${data[i].fields.title}</li>`)#}
  28.         {#    }#}
  29.         {#)#}
  30.         $.ajax({
  31.             url:"",
  32.             type:'post',
  33.             contentType:'json',
  34.             headers:{"X-CSRFToken":$.cookie("csrftoken")},
  35.             data:{},
  36.             success:function (res) {
  37.               console.log(res);
  38.               console.log(typeof JSON.parse(res))
  39.             }
  40.         })
  41.     })
  42.  
  43. </script>
  44. </body>
  45. </html>

ajax代码

django 视图函数返回queryset对象或日期对象至浏览器ajax接收的写法的更多相关文章

  1. django views视图函数返回值 return redirect httpresponse总结

    django views视图函数返回值 return redirect  render httpresponse总结

  2. django设置并获取cookie/session，文件上传，ajax接收文件，post/get请求及跨域请求等的方法

    django设置并获取cookie/session,文件上传,ajax接收文件等的方法: views.py文件: from django.shortcuts import render,HttpRes ...

  3. Django视图函数之request请求与response响应对象

    官方文档: https://docs.djangoproject.com/en/1.11/ref/request-response/ 视图中的request请求对象: 当请求页面时,Django创建一 ...

  4. django视图函数及快捷方式

    视图函数,简称视图,本质上是一个简单的Python函数,它接受Web请求并且返回Web响应. 响应的内容可以是HTML网页.重定向.404错误,XML文档或图像等任何东西.但是,无论视图本身是个什么处 ...

  5. Django视图函数

    一.视图函数 1. 视图函数的第一个参数一定是一个HTTPRequest类型的对象,这个对象是Django自动创建的,具体形参名通常用request.通过这个对象,可以调用请求的一些参数,比如requ ...

  6. django视图函数解析(三)

    1 视图views概述 1 作用: 视图接受web请求并响应web请求 2 本质: 视图就是python中的处理函数 3 响应: 一般是一个网页的HTML内容.一个重定向.错误信息页面.json格式的 ...

  7. 【6】Django视图函数

    治大国若烹小鲜.以道莅天下 --老子<道德经> 本节内容 Django web项目的运行流程分析 视图处理函数的定义 多视图处理函数及接收参数 1. web项目运行流程分析 通常情况下,完 ...

  8. Flask04 后台获取请求数据、视图函数返回类型、前台接受响应数据

    1 后台获取请求数据 1.1 提出问题 前台发送请求的方式有哪些 后台如何获取这些请求的参数 1.2 前台发送请求的方式 GET.POST.AJAX 点睛:如果不指定请求方式,浏览器默认使用GET请求 ...

  9. Flask框架 之abort、自定义错误、视图函数返回值与jsonify

    一.abort函数 使用abort函数可以立即终止视图函数的执行,并可以返回给前端特定的值. abort函数的作用: 1.传递状态码,必须是标准的http状态码 2.传递响应体信息 @app.rout ...

随机推荐

  1. 009_关闭linux的THP

    背景:公司某个大型业务系统反馈最近数据库服务器总是宕机(此处描述不准确,后面解释),最后,客户.运维人员都觉得实在是忍无可忍了,项目经理打电话找到我问是否能帮忙诊断一下,刚好第二天要去现场沟通另外一个 ...

  2. python操作三大主流数据库(10)python操作mongodb数据库④mongodb新闻项目实战

    python操作mongodb数据库④mongodb新闻项目实战 参考文档:http://flask-mongoengine.readthedocs.io/en/latest/ 目录: [root@n ...

  3. Jmeter之csv参数化

    创建数据源csv文件 在线程组中添加CSV Data Set Config 1.添加CSV Data Set Config 添加CSV Data Set Config 2.配置CSV Data Set ...

  4. JAVA实现网络文件下载

    HttpURLConnection conn = null; OutputStream outputStream = null; InputStream inputStream = null; try ...

  5. 幂的运算：X的n次幂

    计算X的n次幂,有多种算法 例子:计算2的62次方. method 1 :time = 1527 纳秒. 常规思路,进行61次的乘法! private static long mi(long X, l ...

  6. mysql 定期删除表中无用数据

    MySQL5.1.x版本中引入了一项新特性EVENT,定期执行某些事物,这可以帮助我们实现定期执行某个小功能,不在依赖代码去实现. 我现在有一张表,这张表中的数据有个特点,每天都会有大量数据插入,但是 ...

  7. iOS -- Effective Objective-C 阅读笔记 (1)

    1: 在类的头文件中尽量 少 的引用其他头文件,尽量用 @class xxxxxx; 理解: 当你创建了一个 A 类,这个类又 需要具有 B 类的实例, 你可以直接为 A 类添加 B 类类型的 属性, ...

  8. Confluence 6 重要缓存和监控

    重要缓存 下面的建议是基本上的一些配置帮助.在大型数据库中,20-30% 的数据库表大型可能是不需要如此膨胀的.在缓存配置的界面中,检查有效率和使用率的配置来进行必要的修改. 内容对象缓存(Conte ...

  9. bat如何创建多级文件夹(在android设备中)

    在android设备中要创建多个或者多级文件夹时,手动去创建费时费力(有点傻),一个bat文件就能很好的实现这个功能. 1.首先创建同级多个文件夹且在该文件夹下生成一个文件 @echo off ech ...

  10. linux 基础知识（三）

    抽空把Linux的一些基础的东西再补充一下,安全的东西真的很多都是要自己不断的学习,很多还是今天学习了一点时间过后不用就会忘记.所以学习的东西就是要不断地往复. 有时候感觉有时候快就是慢,慢就是快. ...