上期内容回顾

  • 聚合查询和分组查询
# 聚合查询

	max min sum avg count

# 查询关键字：aggregate

from django.db.models import Max, Min, Sum, Avg, Count

res = Book.objects.aggregate(max_price=Max('price'), )

# 分组查询

	group by

"""

默认情况下，分组之后依然可以查询到所有的字段数据，如果设置为了严格模式，只能获取到分组的那个字段

show variables like '%mode%' sql_mode='only_full_group_by';

1. group_concat

2. concat

3. concat_ws

"""

# 查询关键字：annotate

res = Book.objects.annotate()  # 代表的是按照models后面的表进行分组

res = Book.objects.values('title', 'price').annotate()  # 执行某一个字段分组
  • 事务
1. 面试相关

2. 事务的四大特性：ACID

3. 事务的隔离级别

4. 事务的作用：就是保证数据的安全

5. 三个关键字：

	start transaction;

	commit;

	rollback;
  • choices参数
# 对于一些字段可以完全列举完的可能性使用

class User:

    gender_choices = (

        (1, '男'),

        (2, '女'),

        (3, '其他'),

    )

    gender = models.IntergerField(choices=gender_choices)

# 获取值

res.gender

res.get_字段名_display()
  • 多对多的创建方式
1. 全自动

2. 半自动

3. 纯手动
  • Ajax技术
# 特性：

	异步提交

	局部刷新

# 我们学习直接使用jquery封装之后的ajax 必须引入jquery

# 在js代码里书写以下代码

$.ajax({

    url:''  # 提交地址

    type:'post' # 请求方式

    data: {'d1':d1},

    dataType:'json'

    success:function(res) {

        console.log(res)

    }

})

# 后端返回的数据格式分两种：

	1. json字符串

		前端处理：

			1.1 反序列化： JSON.parse(res)

			1.2 在加一个参数：dataType:'json'

	2. json对象

		# 前端不需要做任何处理

今日内容概要

  • ajax发送json格式的数据
  • ajax发送文件数据
  • ajax集合layer弹窗实现删除的二次确认(了解见视频)
  • django自带的序列化组件（了解）

内容详细

1. ajax 发送 json格式的数据

# ajax默认提交的数据格式是 urlencoded

	发送的数据类型和数据格式要保持一致

# 在views.py文件中：

from django.shortcuts import render

# Create your views here.

def index(request):

    # print(request.POST)

    # print(request.GET)

    # print(request.FILES)

    if request.is_ajax():

        print(request.body)  # b'{"d1":"aaa"}' bytes类型

        json_bytes = request.body

        json_str = json_bytes.decode('utf8')  # 解码

        print(json_str, type(json_str))  # {"d1":"aaa"} <class 'str'>

        import json

        json = json.loads(json_str)

        print(json, type(json))  # {'d1': 'aaa'} <class 'dict'>

    return render(request, 'index.html')

# 在urls.py添加路由：

url(r'^index/', views.index),

# 新建index.html文件：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">

    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>

</head>

<body>

<button class="btn btn-success">发送json数据</button>

<script>

    $('.btn').click(function () {

        $.ajax({

            url: '',

            type: 'post',

            data: JSON.stringify({'d1': 'aaa'}),  // 序列化 json

            contentType: 'application/json',  // 代表发送的数据是json格式

            success: function (res) {

                console.log(res)

            }

        })

    })

</script>

</body>

</html>

2. ajax发送文件数据

# 在views.py文件中添加功能：

def upload_file(request):

    if request.method == 'POST':

        print(request.POST)

        print(request.FILES)

    return render(request, 'upload.html')

# 在urls.py添加路由：

url(r'^upload_file/', views.upload_file),

# 新建upload.html文件：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">

    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>

</head>

<body>

<input type="text" id="username">

<input type="text" id="password">

<input type="file" id="myfile">

<button class="btn btn-success">发送文件</button>

<script>

    $('.btn').click(function () {

        // ajsx上传文件需要借助与FormData

        // 1.实例化FormData

        var obj = new FormData()

        // 增加数据

        obj.append('username', $('#username').val());

        obj.append('username', $('#password').val());

        // 增加文件数据

        obj.append('myfile', $("#myfile")[0].files[0])

        $.ajax({

            url: '',

            type: 'post',

            data: obj,  // 序列化 json

            contentType: false,  // 告诉浏览器不要修改提交的数据格式

            processData: false,  // 告诉浏览器不要对提交的数据进行任何更改

            success: function (res) {

                console.log(res)

            }

        })

    })

</script>

</body>

</html>

3. django自带的序列化器(了解)

# 在views.py中：

from app01 import models

from django.core import serializers

def user_list(request):

    user_list = models.User.objects.all()  # 返回 queryset类型

    res = serializers.serialize('json', user_list)

    return HttpResponse(res)

ajax发送json格式与文件数据、django自带的序列化器（了解）的更多相关文章

  1. Django-choices字段值对应关系（性别）-MTV与MVC科普-Ajax发json格式与文件格式数据-contentType格式-Ajax搭配sweetalert实现删除确认弹窗-自定义分页器-批量插入-07

    目录 models 字段补充 choices 参数/字段(用的很多) MTV与MVC模型 科普 Ajax 发送 GET.POST 请求的几种常见方式 用 Ajax 做一个小案例 准备工作 动手用 Aj ...

  2. Django中数据传输编码格式、ajax发送json数据、ajax发送文件、django序列化组件、ajax结合sweetalert做二次弹窗、批量增加数据

    前后端传输数据的编码格式(contentType) 提交post请求的两种方式: form表单 ajax请求 前后端传输数据的编码格式 urlencoded formdata(form表单里的) ja ...

  3. ajax 发送json数据时为什么需要设置contentType: "application/json”

    1. ajax发送json数据时设置contentType: "application/json”和不设置时到底有什么区别? contentType: "application/j ...

  4. ajax发送json数据时为什么需要设置contentType: "application/json”

    1. ajax发送json数据时设置contentType: "application/json”和不设置时到底有什么区别?contentType: "application/js ...

  5. idHTTP 向网站发送json格式数据

    idHTTP 向网站发送json格式数据 var rbody:tstringstream; begin rbody:=tstringstream.Create('{"name":& ...

  6. XML(php中获取xml文件的方式/ajax获取xml格式的响应数据的方式)

    1.XML 格式规范: ① 必须有一个根元素 ② 不可有空格.不可以数字或.开头.大小写敏感 ③ 不可交叉嵌套 ④ 属性双引号(浏览器自动修正成双引号了) ⑤ 特殊符号要使用实体 ⑥ 注释和HTML一 ...

  7. 如何使用python内置的request发送JSON格式的数据

    使用步骤如下: 一.如果想发送json格式的数据,需要使用request模块中的Request类来创建对象,作为urlopen函数的参数 二.header中添加content-type为applica ...

  8. 巧妙的使用jmeter来发送json格式数据

    1. header-manager 修改content-type值. 如果不修改该值, 则默认会是urlencode的数据格式(例如a=5&b=6). 修改为json后,会告诉服务器,发送的数 ...

  9. Web API删除JSON格式的文件记录

    Insus.NET的系列Web Api学习文章,这篇算是计划中最后一篇了,删除JSON格式的文件记录.前一篇<Web Api其中的PUT功能演示>http://www.cnblogs.co ...

随机推荐

  1. Spring源码-IOC部分-容器简介【1】

    实验环境:spring-framework-5.0.2.jdk8.gradle4.3.1 Spring源码-IOC部分-容器简介[1] Spring源码-IOC部分-容器初始化过程[2] Spring ...

  2. LeetCode 每日一题 458. 可怜的小猪

    题目描述 有 buckets 桶液体,其中 正好 有一桶含有毒药,其余装的都是水.它们从外观看起来都一样.为了弄清楚哪只水桶含有毒药,你可以喂一些猪喝,通过观察猪是否会死进行判断.不幸的是,你只有 m ...

  3. 使用 Frp 和 Docker 通过远程桌面和 SSH 来远程控制 Windows（反向代理）

    最新博客文章链接 大体思路 使用 Docker 容器,在云服务器上部署 Frps 容器来中转流量,在被控制的 Windows 上部署 Frpc 容器来暴露内网的服务,在主控制端的 Windows 上直 ...

  4. 「CTSC2010」产品销售

    「CTSC2010」产品销售 30pts的费用流都会吧... 100pts只要模拟费用流就行了,是不是很简单呀( 咕咕咕 令\(M_i\)表示\(i-1\to i\)的正向边,\(M_i^{'}\)表 ...

  5. 截取一段时间内的log日志

    可以使用sed命令对log文件进行抽取操作:1,sed查看某时间段到现在的系统日志:sed -n '/May 20 17/,$p' /var/log/messages | less2,sed 截选时间 ...

  6. 隐式意图&显示意图

    1 隐式意图     通过指定一组动作或者数据 开启activity   2 显示意图    通过指定具体包名和类名 开启activity       总结    (1)显示意图更加安全一些    ( ...

  7. webpack打包如何统一js和css中图片资源路径

    目前项目应用的是vue-cli,自行修改了部分配置.三个环境的情况跟你差不多,测试/生产环境的层级比你还深. 先说下修改了哪些配置 1-build/utils.js下的cssLoaders内的gene ...

  8. rsync 远程同步部署——上下行同步

    rsync 远程同步部署--上下行同步 1.rsync (Remote Sync,远程同步) : 是一个开源的快速备份工具,可以在不同主机之间镜像同步整个目录树,支持增量备份,并保持链接和权限,且采用 ...

  9. 猪齿鱼平台常用前端css实现方案

    居中 最常用的height + line-height,以及margin:0 auto的居中方式就不再阐述,以下介绍两种容错性高的实现方案. flex布局实现 ​ 猪齿鱼前端日常开发中,我们多以fle ...

  10. git忽略项目中的指定文件

    git仓库提交原则:提交给远程仓库的只有源代码和相关的配置文件 如果是使用模板建立的仓库,会自带有.gitignore文件,无需再建立.当然如果需要在指定文件忽略,只需要在这个文件中添加指定的文件即可 ...