/添加到URI中的查询字符串之前

在 Web 开发中，您可能需要在 URI 中添加查询字符串，以便传递参数或状态信息。查询字符串通常以 ? 开头，后面跟着键值对，多个键值对之间用 & 分隔。以下是如何在 URI 中添加查询字符串的基本方法。

1. 基本格式

查询字符串的基本格式如下：

http://example.com/path?key1=value1&key2=value2

2. 在 Flask 中添加查询字符串

如果您使用 Flask 作为后端框架，可以通过 request 对象来处理查询字符串。以下是一个示例，展示如何在 Flask 中构建带有查询字符串的 URL。

示例代码

from flask import Flask, request, redirect, url_for

app = Flask(__name__)

@app.route('/search')
def search():
    # 获取查询字符串中的参数
    query = request.args.get('query')
    return f'Search results for: {query}'

@app.route('/redirect')
def redirect_with_query():
    # 构建带有查询字符串的 URL
    return redirect(url_for('search', query='example'))

if __name__ == '__main__':
    app.run(debug=True)

在这个示例中：

/search 路由会接收一个查询参数 query，并返回相应的搜索结果。
/redirect 路由会重定向到 /search，并在 URL 中添加查询字符串 ?query=example。

3. 在前端构建查询字符串

如果您在前端（例如 JavaScript）中构建 URL，可以使用 URLSearchParams 对象来方便地添加查询参数。

示例代码

// 创建一个 URL 对象
let url = new URL('http://example.com/path');

// 使用 URLSearchParams 添加查询参数
let params = new URLSearchParams(url.search);
params.append('key1', 'value1');
params.append('key2', 'value2');

// 更新 URL
url.search = params.toString();

console.log(url.toString()); // 输出: http://example.com/path?key1=value1&key2=value2

4. 手动构建查询字符串

如果您不想使用库或框架，可以手动构建查询字符串。确保对参数进行 URL 编码，以避免特殊字符引起的问题。

示例代码

import urllib.parse

base_url = 'http://example.com/path'
params = {
    'key1': 'value1',
    'key2': 'value2'
}

# 使用 urllib.parse.urlencode 构建查询字符串
query_string = urllib.parse.urlencode(params)

# 完整的 URL
full_url = f"{base_url}?{query_string}"
print(full_url)  # 输出: http://example.com/path?key1=value1&key2=value2