前后端数据传输的编码格式(contentType)
前后端数据传输的请求方式有两种:get、post
我们只研究post请求的编码格式
三种编码格式
urlencoded
form-data
json
发送post请求的方式
form表单
Ajax
postman(第三方工具,需要下载)
form表单发送post请求的时候数据的编码格式
请求头content-Type:参数
默认提交的编码格式:application/x-www-form-urlencoded
他的数据格式:username=dasdas&password=dasdas&gender=dasdas
Django后端如何接受的?
Django后端针对符合urlencoded格式的数据,Django把数据都封装到了request.POST中了
multipart/form-data
编码格式从urlencoded改成form-data有什么效果?
form表单就可以提交文件数据了
数据格式:
Content-Type:
multipart/form-data; boundary=----WebKitFormBoundary7iwnnLo3TDiHIAQz--->文件数据
Django后端如何接受的?
针对普通数据Django把数据封装到了request.POST中
针对文件数据Django把数据封装到了request.FILES中
Ajax提交post请求的数据时候,编码格式?
默认的提交格式是:application/x-www-form-urlencoded; a=1&b=2
Django后端针对符合urlencoded格式的数据,django把数据都封装到了request.POST
Ajax提交json格式的数据
提交json格式的数据必须满足两个条件:
1. 编码格式必须是json格式的:contentType参数
2. 数据必须是json {“a”:1}
Django后端如何处理json格式的数据?
针对Ajax提交的json格式的数据,Django后端不再把数据封装到request.POST中了
对于json格式的数据,django后端不在做任何的封装,数据是纯原生的,发送过来的数据是二进制形式的
我们自己来处理这些二进制数据
# js中序列化 JSON.stringify({'a': 1, b: 2}) ----------》{'a': 1, b: 2} 对象 contentType:'application/json', # django后端接收json格式的数据 json_str = request.body.decode('utf-8') print(json_str) # {"a":1,"b":2} json_data = json.loads(json_str) print(json_data) # {'a': 1, 'b': 2} print(json_data.get('a'))
Ajax提交文件数据(重要)
# 前端 <body> <input type="text" id="username"> 文件:<input type="file" id="myfile"> <button class="btn btn-primary">上传</button> <script> $('.btn').click(function () { var username = $('#username').val() var myfile = $('#myfile')[0].files[0] //发送文件数据到后端需要借助于FormData对象 var myFromDataObj = new FormData(); myFromDataObj.append('username',username) myFromDataObj.append('myfile',myfile) $.ajax({ url: '', type: 'post', data: myFromDataObj, contentType: false, //告诉浏览器不要做任何的编码处理,Django自己来做处理 processData: false, //告诉浏览器不要对我处理的数据做任何处理 success: function (res) { console.log(res) } }) }) </script> </body> # 后端 def files(request): if request.method == 'POST': # print(request.POST) # <QueryDict: {'username': ['瓦达']}> # print(request.FILES) # <MultiValueDict: {'myfile': [<InMemoryUploadedFile: 弥豆子.jpg (image/jpeg)>]}> file_obj = request.FILES.get('myfile') print(file_obj,type(file_obj)) print(file_obj.name, type(file_obj.name)) with open(file_obj.name, 'wb') as z: for i in file_obj: z.write(i) return render(request, 'files.html')
Ajax结合layer弹窗实现删除的二次确认
使用第三方的UI弹窗:layer、sweetalert
https://layuiweb.com/layer/index.htm-----------------layer弹窗模版网站
<script> $('.del').click(function () { // 删除的逻辑,当我们点击删除按钮的时候,应该获取点击行的id,然后把这个id传到后端 //做删除逻辑 //找到点击行的id值 var id = $(this).attr('delete_id'); var _this = $(this) //发送Ajax请求,做一个二次确认 layer.confirm('您确定要删除吗?', { btn: ['删了它', '点错了'] //按钮 }, function () { $.ajax({ url: '/book_delete/', type: 'post', data: {id: id}, success: function (res) { //第一种方式:使用location.reload()刷新 {#layer.msg(res.msg, {icon: 1}, function (){#} {# location.reload()})#} layer.msg(res.msg, {icon: 1}) //第二种方式:定义.btn位置,再找父标签,删除tr字段 {#_this.parent().parent().remove()#} //第三种方式:直接给tr字段赋予一个动态类属性,直接通过类属性找到标签删除 $('.tr_'+id).remove() } }) }); }) </script>
批量插入数据
# 在django中批量插入数据 # for i in range(10000): # models.UserInfo.objects.create(username='jerry_%s' % i) """为什么插入的数据很慢?""" # insert into userinfo values('jerry'); # insert into userinfo values('jerry'), ('jerry_2'), (),('jerry'), ('jerry_2'), (); user_obj_list = [] for i in range(100000): user_obj = models.UserInfo(username='jerry_%s' % i) user_obj_list.append(user_obj) print('jerry_%s' % i) '''开始操作数据库''' models.UserInfo.objects.bulk_create(user_obj_list)
标签:obj,Python,request,Django,json,day62,DjangoAjax,格式,数据 From: https://www.cnblogs.com/zfq132/p/17615426.html