• 不属于一种新的编程语言，是一种方法用于使用现有标准,在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页

基本语法

jQuery.ajax([settings])

常用配置

例子

<script type="text/javascript">
	$.ajax({
		type: "post",
		url: "/kaoqin/",  // 请求发送到的 url 处
		data: {},
		dataType: "json",
		success: function (result) {
			console.log(result)
		},
		error: function (errorMsg) {
			alert('加载数据失败');
		}
	})
</script>

基本语法

paginate(page=None, per_page=None, error_out=True, max_per_page=None)

• 参数

  参数	描述
  page	指定页码,从 1 开始
  per_page	每一页有几项
  error_out	是否抛出错误,当其为 True 时,会抛出 404
  max_per_page	当指定了 max_per_page 时,per_page 受到这个值得限制

常用方法

分页使用

• 视图函数

  # 分页测试
  @userbp.route('/fytest/')
  def fytest():
      # 所有的职员
      # person_obj_list = Person.query.all()
      # print(person_obj_list)
      # 第一个参数开始的页码，例如第几页
      # 第二个参数，每一页返回的数据条数
      pagination_obj = Person.query.paginate(2, 1)
      # print(pagination_obj) # <flask_sqlalchemy.Pagination object at 0x0000000004C72488>
      # print(pagination_obj.items)  # 获取具体的对象
      # print(pagination_obj.has_prev)  # 判断是否有上一页,如果有返回True 否则返回False
      # print(pagination_obj.has_next)  # 是否有下一页,如果有返回True 否则返回False
      # print(pagination_obj.prev_num)  # 上一页页码。如果没有返回None
      # print(pagination_obj.next_num)  # 下一页页码。如果没有返回None
      # print(pagination_obj.page) # 当前页码。
      # print(pagination_obj.pages)  # 总页码数
      # print(pagination_obj.iter_pages()) # 可以循环遍历生成页码。
      for page in pagination_obj.iter_pages():
          print(page)
      return '分页...'
  
  @userbp.route('/person_list/')
  @login_check
  def person_list():
      # 0.获取前端传递过来的页码
      page = int(request.args.get('page', 1))
      # 1.查询数据库中的数据
      pagination_obj = Person.query.paginate(page, 1)
      person_obj_list = pagination_obj.items
      # 3.判断页码范围
      if page <= 3:
          start = 0
          end = 5
      elif page > pagination_obj.pages - 3:
          start = pagination_obj.pages - 5
          end = pagination_obj.pages
      else:
          start = page - 3
          end = page + 2
  
      # 2.生成页码(使用自带的iter_pages效果不好)
      page_page = range(1, pagination_obj.pages + 1)[start:end]
  
      return render_template('person.html', person_obj_list=person_obj_list, page_page=page_page,
                             pagination_obj=pagination_obj)

• html

  <tr>
      <td colspan="4">
          <ul class="pagination">
              <li><a href="/person_list/?page={{ pagination_obj.prev_num }}">上一页</a></li>
              {% for page in page_page %}
                  {% if page == pagination_obj.page %}
                      <li class="active"><a
                              href="/person_list/?page={{ page }}">{{ page }}</a></li>
                  {% else %}
                      <li><a href="/person_list/?page={{ page }}">{{ page }}</a></li>
                  {% endif %}
              {% endfor %}
              <li><a href="/person_list/?page={{ pagination_obj.next_num }}">下一页</a></li>
          </ul>
      </td>
  </tr>