Flask单页搜索结果分页问题：切换页面失效求助

问题根源 #

你的核心问题是搜索条件仅在POST表单提交时被处理，分页切换时的GET请求未携带搜索参数，导致查询条件丢失：

• 提交表单是POST请求，此时form.validate_on_submit()触发，你生成带条件的查询并返回第一页结果；
• 分页链接是GET请求，访问路由时不会触发form.validate_on_submit()，此时查询条件*args为空，查询变成无过滤的全表查询（或无结果），因此分页切换后无法展示目标搜索结果。

具体修复步骤 #

1. 后端路由：统一处理GET/POST的搜索参数

将搜索条件提取逻辑从if form.validate_on_submit()块中移出，同时支持从POST表单和GET参数中获取搜索值：

@archive.route('/searchEvents/', methods=['GET','POST'])
def searchEvents():
    form = SearchEvents()
    args = []
    # 从POST表单或GET参数中统一获取搜索值（替换成你的实际表单字段名）
    search_title = request.values.get('title', '')
    search_date = request.values.get('date', '')
    
    # 生成查询条件
    if search_title:
        args.append(Event.title.like(f'%{search_title}%'))
    if search_date:
        args.append(Event.date == search_date)
    
    # 处理分页
    page = request.args.get('page', 1, type=int)
    results = Event.query.filter(*args).paginate(page=page, per_page=10)
    
    # POST提交后回填表单值，保持搜索状态
    if request.method == 'POST' and form.validate_on_submit():
        form.title.data = search_title
        form.date.data = search_date
    
    return render_template('archive/search.html', form=form, results=results)

request.values会同时读取POST表单和GET参数，确保提交表单和点击分页时都能获取到搜索条件；回填表单数据可保证分页后表单仍显示之前的搜索值。

2. 前端分页链接：携带搜索参数

生成分页URL时，将当前搜索参数一并传递，确保分页GET请求包含完整搜索条件：

{% if results %}
{% for item in results.items %}
<!-- 结果渲染代码 -->
{% endfor %}
<nav aria-label="Page navigation example">
  <ul class="pagination justify-content-center">
    {% for page_num in results.iter_pages(left_edge=1, right_edge=1, left_current=1, right_current=2) %}
      {% if results.page == page_num %}
      <li class="page-item disabled">
        <a class="page-link" href="#">{{ page_num }}</a>
      </li>
      {% else %}
        <li class="page-item">
          <a class="page-link" href="{{ url_for('archive.searchEvents', 
            page=page_num,
            title=form.title.data,  <!-- 传递对应搜索参数 -->
            date=form.date.data) }}">  <!-- 替换成你的实际表单字段名 -->
            {{ page_num }}
          </a>
        </li>
      {% endif %}
  {% endfor %}
</nav>
{% endif %}

可选优化：表单改用GET提交 #

如果搜索内容无敏感信息，可将表单method改为GET，提交时参数直接带在URL中，分页时自动复用参数，逻辑更简洁：

前端表单修改：

<form method="GET" class="form-register" action={{url_for('archive.searchEvents')}}>
  <!-- 表单字段 -->
  <td colspan="3">{{ form.submit(class="btn btn-lg btn-block btn-primary") }}</td>
</form>

此时后端无需区分POST/GET，直接从request.args获取参数即可。

内容的提问来源于stack exchange，提问作者Sven Andreas