ajax,分页器
一、ajax请求数据
'''
$.ajax({
url: '/ajax/', # 请求路径
type: 'post', # 请求方式
data: { # get和post都以data字典方式携带数据
usr: $('.usr').val(), # 获取输入框内容
pwd: $('.pwd').val(),
},
success: function (data) {
console.log(typeof(data), data); # 得到后台返回的数据(普通字符串 | json类型数据)
}
})
''' '''
# ajax请求,后台只需要返回信息,所以不会出现render、redirect
def ajax(request):
print(request.is_ajax()) # 是否是ajax请求
if request.method == 'GET': # 获取get请求数据
usr = request.GET.get('usr', None)
pwd = request.GET.get('pwd', None)
if request.method == 'POST': # 获取post请求数据
usr = request.POST.get('usr', None)
pwd = request.POST.get('pwd', None) # 返回字符串类型数据
# return HttpResponse('OK') # *** # 返回json类型数据
dic = {'status': 'ok', 'msg': '登录成功'}
data = json.dumps(dic, ensure_ascii=False)
# 直接返回json模块处理后的json数据(json字符串),前台接收到的是一个json类型的字符串,需要前台自己处理
# return HttpResponse(data) # 返回json字符串是,还告诉前台,该数据就是json类型字符串,设置响应头
return HttpResponse(data, content_type='application/json') # **** from django.http import JsonResponse
# 返回json类型数据的终极方法
dic = {'status': 'ok', 'msg': '登录成功'}
return JsonResponse(dic, safe=False, json_dumps_params={'ensure_ascii': False}) # *****
# 参数含义:
# 返回值保证是字典类型
# safe在False情况下就支持返回列表或字符串
# 取消json的dumps方法采用的默认ascii编码中文
'''
二、分页器
from django.core.paginator import Paginator # 分页对象列表
book_list = Book.objects.all()
# 分页对象
paginator = Paginator(book_list, 6) # 分页对象列表,每一页对象(最大)数
# 对象总个数
count = paginator.count
# 总分页数
num_pages = paginator.num_pages
# 页码列表(可迭代对象)
page_range = paginator.page_range # 某一具体页
page = paginator.page(3) # 具体第几页
# 是否有上一页
page.has_previous()
# 上一页编码
page.previous_page_number()
# 是否有下一页
page.has_next()
# 下一页编码
page.next_page_number()
#后台
'''
def show_book(request):
book_list = Book.objects.all()
header = '图书管理系统'
title = '图书详情' #得到分页器(分页的数据,一页的个数)
paginator = Paginator(book_list,5)
#对象总个数
count = paginator.count
#总分页数
num_pages = paginator.num_pages
#页码列表(可迭代对象)
page_range = paginator.page_range #请求有误默认采用第一页
try:
current_num = int(request.GET.get('page',1))
except:
current_num = 1
#不在页面范围内安全处理
if current_num < 1:
current_num = 1
return redirect('/show_book/?page=%s'%current_num)
elif current_num > num_pages:
current_num = num_pages
return redirect('/show_book/?page=%s'%num_pages) #获取某一具体页
current_page = paginator.page(current_num) #通过page_range来控制页面排版
if num_pages > 5:
if current_num < 4:
page_range = range(2,5)
elif current_num > num_pages - 3:
page_range = range(num_pages - 3,num_pages)
else:
page_range = range(current_num - 1,current_num + 2)
elif num_pages >= 3:
page_range = range(2,num_pages)
else:
page_range = range(1,1) return render(request,'show_book.html', locals())
'''
#前台
<!--分页器-->
<nav aria-label="Page navigation">
<ul class="pagination">
<!-- 上一页 -->
<li>
{% if current_num > 1 %}
<!--大于1点击上一页到上一页-->
<a href="{% url 'show_book' %}?page={{ current_num|add:-1 }}" aria-label="Previous">
{% else %}
<!--等于小于1不能点击-->
<a href="javascript:void(0)" aria-label="Previous">
{% endif %}
<span aria-hidden="true">«</span>
</a>
</li>
<!-- 第一页页码 -->
{% if current_num == 1 %}
<li class="active">
{% else %}
<li>
{% endif %}
<a href="{% url 'show_book' %}?page=1">1</a></li> <li><a href="javascript:void(0)">...</a></li> <!-- 中间三页页码 -->
{% for num in page_range %}
{% if current_num == num %}
<li class="active">
{% else %}
<li>
{% endif %}
<a href="{% url 'show_book' %}?page={{ num }}">{{ num }}</a></li>
{% endfor %} <li><a href="javascript:void(0)">...</a></li> <!-- 最后一页页码 -->
{% if current_num == num_pages %}
<li class="active">
{% else %}
<li>
{% endif %}
<a href="{% url 'show_book' %}?page={{ num_pages }}">{{ num_pages }}</a></li> <!-- 下一页 -->
<li>
<!--小于总页数,点击下一页定位到下一页-->
{% if current_num < num_pages %}
<a href="{% url 'show_book' %}?page={{ current_num|add:1 }}" aria-label="Next">
<!--等于或大于总页数不能点击-->
{% else %}
<a href="javascript:void(0)" aria-label="Next">
{% endif %}
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav> <!--后台获取固定页book对象 {% for book in current_page %}-->
三、批量插入数据
book_list = []
for i in range(100):
book = Book(name='book%s' % i, price=11.11, publish_date='2018-1-1', publish_id=1)
book_list.append(book)
# 操作对象列表,一次操作多少条数据
Book.objects.bulk_create(book_list, 20) # 插入100条数据只需要执行5次sql
ajax,分页器的更多相关文章
- python自动化开发-[第十八天]-django的ORM补充与ajax,分页器
今日概要: 1.ORM一对多,多对多 2.正向查询,反向查询 3.聚合查询与分组查询 4.F查询和Q查询 5.ajax 6.分页器 一.ORM补充: django在终端打印sql语句设置: LOGGI ...
- 人生苦短,我用Python——博客目录
计算机基础 计算机硬件基础知识 操作系统基础 Python基础 Windows环境下Python2和Python3的安装 交互式环境与变量的使用 简单介绍Python基本数据类型及程序交互 基本运算符 ...
- python-Web-django-后台
url: # member 处理 re_path('member/list/', member.list, name='member/list/'), re_path('member/list_par ...
- python-Web-django-ajax分页
views: from django.shortcuts import HttpResponse,redirect,render from app01.models import * import j ...
- django ajax 及批量插入数据 分页器
``` Ajax 前端朝后端发送请求都有哪些方式 a标签href GET请求 浏览器输入url GET请求 form表单 GET/POST请求 Ajax GET/POST请求 前端朝后端发送数据的编码 ...
- Django与ajax、分页器
ajax简单数据响应 ajax请求,后台只需要返回信息,所以不会出现render.redirect 模板层: $('.btn').click(function() { $.ajax({ url: '/ ...
- 2019年6月14日 Web框架之Django_07 进阶操作(MTV与MVC、多对多表三种创建方式、前后端传输数据编码格式contentType、ajax、自定义分页器)
摘要 MTV与MVC 多对多表三种创建方式 ajax ,前后端传输数据编码格式contentType 批量插入数据和自定义分页器 一.MVC与MTV MVC(Model View Controller ...
- ajax,文件上传,分页器
一.Ajax简介 AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步Javascript和XML”.即使用Javascript语言与服务器进行异步交互,传输 ...
- Django框架第九篇--Django和Ajax、序列化组件(serializers)、自定义分页器、模型表choice参数
Django和Ajax 一.什么是Ajax AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步的Javascript和XML”.即使用Javascript语 ...
随机推荐
- Struts2自定义Field级别的错误提示信息
自定义Field级别的错误提示信息步骤: 在action包中新建一个以Action命名的properties文件,如:RegisterAction.properties 2. 然后在该属性文件中指定每 ...
- node.js中ws模块创建服务端和客户端,网页WebSocket客户端
首先下载websocket模块,命令行输入 npm install ws 1.node.js中ws模块创建服务端 // 加载node上websocket模块 ws; var ws = require( ...
- innerText 与 innerHtml的区别
j基本语法类似: innerHTML/innerText ->给除了表单元素的标签赋值内容 document.getElementById("div1").innerHTML ...
- php实现多进程
转:http://www.jb51.net/article/71238.htm cd php-version/ext/pcntl phpize ./configure && make ...
- Necklace of Beads (polya定理的引用)
Beads of red, blue or green colors are connected together into a circular necklace of n beads ( n &l ...
- SQL query - check latest 3 days failed job.
select top 100 js.last_run_date ,j.name, js.step_id,js.step_name,js.last_run_date,jsl.log,jh.message ...
- 35 个最好用的 Vue 开源库
35 个最好用的 Vue 开源库 Vue.js 是一个非常易用的渐进式 JavaScript 框架,用于构建用户界面. 1.Vue Dark Mode Vue.js 的一个极简主义的深色设计系统.它提 ...
- 远程服务调用RPC框架介绍,微服务架构介绍和RPC框架对比,dubbo、SpringClound对比
远程服务调用RPC框架介绍,微服务架构介绍和RPC框架对比,dubbo.SpringClound对比 远程服务调用RPC框架介绍,RPC简单的来说就是像调用本地服务一样调用远程服务. 分布式RPC需要 ...
- JSVC技术
如果我们的某个项目时web项目,我们很容易就可以放置在Tomcat中进行启动. 可是如果我们的项目不是web项目,我们又需要在单独启动时,我们又应该怎么办呢? 引出了我们今天的主人公:JSVC ...
- 你知道CSS实现水平垂直居中的第10种方式吗?
你知道CSS实现水平垂直居中的第10种方式吗? 仅居中元素定宽高适用: absolute + 负 margin absolute + margin auto absolute + calc 居中元素不 ...