JSON
注意:json必须是双引号,不能是单引号,否则会报错。如:{“name":"json","sex":"男"}
Ajax
本质:是一种利用现有技术的新方法。具有局部刷新,异步请求的优点
Ajax的语法:
$('#btn').click(function () {
$.ajax({
url:'',//请求url,不写的话,默认是当前页面
type:'POST', //请求方式,默认是get
//data:提交给后端的数据
data:{i1:$('#d1').val(),i2:$('#d2').val()},
//回调函数
success:function (data) {
$('#d3').val(data)
{#alert(typeof(data))#}
}
})
})
了解前后端传输数据的格式:
1、from表单
from表单的默认编码是application/x-www-form-urlencoded格式,django后端会将urlencoded格式的数据自动解析封装到request.POST对象中,
如果编码设置为multipart/form-data,Django后端会将键值对封装在request.POST对象中,文件解析封装在request.FILES对象中。
注意:from表单是无法发送json数据的
2、Ajax
ajax默认也是application/x-www-form-urlencoded编码. 参数contentType: 'application/json',将编码格式转化为json格式。
ajax发送文件,需要利用内置FormData()对象,然后将键值对对象,文件对象添加到FormData对象中,将FormData对象发给后端,
Django后端识别到FormData对象,会自动将里面键值对对象解析封装给request.POST,里面的文件数据解析封装给request.FILES对象。
注意 :注意编码格式跟数据格式要保持一致
Django后端是不会自动帮你处理json数据,需要自己通过request.body来获取二进制的json数据,再用json模块序列化
发送文件需要将两个参数设置为false,分别是:processData: false, contentType: false,
//ajax发送文件
$('#btn').on('click',function () {
//新建FormData对象
let formdataobj=new FormData();
//添加键值对
formdataobj.append('username',$('#d1').val())
formdataobj.append('password',$('#d2').val())//添加文件对象
formdataobj.append('file',$('#d3')[0].files[0])
$.ajax({
url:'',
type:'post',
data:formdataobj,
//禁止使用任何编码
processData: false,
//禁止浏览器对你数据进行处理
contentType: false,
success:function (args) {
}
})
})
Django内置的serializers
#导入serializers模块
from django.core import serializers
#拿到user表中所有的用户
obj=models.User.objects.all()
#调用模块下的方法进行序列化,第一个参数表示序列化后的数据类型
ret=serializers.serialize('json',obj)
Djangon ORM提供的批量插入方法:
def insert(requst):
book_obj_list=[]
for i in range(10000):
#先创建book对象,并添加到list列表中
book_obj=models.Book(name='第%s本书'%i)
book_obj_list.append(book_obj)
#将对象列表交给bulk_create处理
models.Book.objects.bulk_create(book_obj_list)
book_obj=models.Book.objects.all()
return render(requst,'insert.html',locals())
自定义分页器的封装方法及使用
一般自定义的插件或者接口,都会存放在django项目下新建的utils目录下
class Pagination(object):
def __init__(self, current_page, all_count, per_page_num=2, pager_count=11):
"""
封装分页相关数据
:param current_page: 当前页
:param all_count: 数据库中的数据总条数
:param per_page_num: 每页显示的数据条数
:param pager_count: 最多显示的页码个数
"""
try:
current_page = int(current_page)
except Exception as e:
current_page = 1
if current_page < 1:
current_page = 1
self.current_page = current_page
self.all_count = all_count
self.per_page_num = per_page_num
# 总页码
all_pager, tmp = divmod(all_count, per_page_num)
if tmp:
all_pager += 1
self.all_pager = all_pager
self.pager_count = pager_count
self.pager_count_half = int((pager_count - 1) / 2)
#@property装饰器的方法,就是把方法变成属性使用
@property
def start(self):
return (self.current_page - 1) * self.per_page_num
@property
def end(self):
return self.current_page * self.per_page_num
def page_html(self):
# 如果总页码 < 11个:
if self.all_pager <= self.pager_count:
pager_start = 1
pager_end = self.all_pager + 1
# 总页码 > 11
else:
# 当前页如果<=页面上最多显示11/2个页码
if self.current_page <= self.pager_count_half:
pager_start = 1
pager_end = self.pager_count + 1
# 当前页大于5
else:
# 页码翻到最后
if (self.current_page + self.pager_count_half) > self.all_pager:
pager_end = self.all_pager + 1
pager_start = self.all_pager - self.pager_count + 1
else:
pager_start = self.current_page - self.pager_count_half
pager_end = self.current_page + self.pager_count_half + 1
page_html_list = []
# 添加前面的nav和ul标签
page_html_list.append('''
<nav aria-label='Page navigation>'
<ul class='pagination'>
''')
first_page = '<li><a href="?page=%s">首页</a></li>' % (1)
page_html_list.append(first_page)
if self.current_page <= 1:
prev_page = '<li class="disabled"><a href="#">上一页</a></li>'
else:
prev_page = '<li><a href="?page=%s">上一页</a></li>' % (self.current_page - 1,)
page_html_list.append(prev_page)
for i in range(pager_start, pager_end):
if i == self.current_page:
temp = '<li class="active"><a href="?page=%s">%s</a></li>' % (i, i,)
else:
temp = '<li><a href="?page=%s">%s</a></li>' % (i, i,)
page_html_list.append(temp)
if self.current_page >= self.all_pager:
next_page = '<li class="disabled"><a href="#">下一页</a></li>'
else:
next_page = '<li><a href="?page=%s">下一页</a></li>' % (self.current_page + 1,)
page_html_list.append(next_page)
last_page = '<li><a href="?page=%s">尾页</a></li>' % (self.all_pager,)
page_html_list.append(last_page)
# 尾部添加标签
page_html_list.append('''
</nav>
</ul>
''')
return ''.join(page_html_list)
后端引用:
def page(request):
#获取第一页
current_page=request.GET.get('page',1)
book_obj=models.Book.objects.all()
#获取总页数
book_all=book_obj.count()
#获取分页器对象
pagination=Pagination(all_count=book_all,current_page=current_page,per_page_num=10)
#调用分页器对象中的start、end属性,就查询结果进行切片处理
book_list=book_obj[pagination.start:pagination.end]
return render(request,'page.html',locals())
前端引用:
{% for i in book_list %}
<p>{{ i.name }}</p>
{% endfor %}
//取消对pagination.page_html属性中的html代码的转义
{{ pagination.page_html|safe }}
csrf_token校验
form表单的校验
//直接在form标签后面添加 {% csrf_token %}
<form method="post" action="">
{% csrf_token %}
<p><input type="hidden"></p>
<p>username:<input type="text" name="id"></p>
<p>Password:<input type="password" name="passwd"></p>
<p><input type="submit" value="提交" id="btn"></p>
</form>
Ajax的三种校验方法(注意:ajax不能是form表单内的按钮点击事件,否则无法校验)
1、获取隐藏的input标签中的csrfmiddlewaretoken值,放置在data中发送。
2、利用模板的快捷书写方法(前后端分离的时候,就用不了)
$('#b1').click(function () {
$.ajax({
url:'',
type:'post',
data:{'id':$('#d1').val(),'passwd':$('#d2').val(),
//第一种方法:获取隐藏的input标签中的csrfmiddlewaretoken值,放置在data中发送。
"csrfmiddlewaretoken":$('[name=csrfmiddlewaretoken]').val()
// 第二种方法:利用模版的快捷书写方法
"csrfmiddlewaretoken":'{{ csrf_token }}'
},
success:function () {
}
})
})
3、通用方法,引用一个js文件,具体使用方法:在html页面引用该js文件
function getCookie(name) {
var cookieValue = null;
if (document.cookie && document.cookie !== '') {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = jQuery.trim(cookies[i]);
// Does this cookie string begin with the name we want?
if (cookie.substring(0, name.length + 1) === (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
var csrftoken = getCookie('csrftoken');
function csrfSafeMethod(method) {
// these HTTP methods do not require CSRF protection
return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
}
$.ajaxSetup({
beforeSend: function (xhr, settings) {
if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
xhr.setRequestHeader("X-CSRFToken", csrftoken);
}
}
});
csrf相关的装饰器
from django.views.decorators.csrf import csrf_exempt,csrf_protect
'''
csrf_exempt: 不需要校验
csrf_protect: 需要校验
总结:这两个装饰器在CBV中使用中
csrf_protect在CBV的三个方法中是通用的
csrf_exempt: 只有加在dispatch方法上才有用
'''