1. HTTP请求基础：GET与POST的本质区别
在Web开发中，GET和POST是HTTP协议最常用的两种请求方法。我见过太多开发者只是机械地使用这两种方法，却不理解它们的设计哲学和适用场景。GET请求就像你在图书馆查书目 - 你告诉管理员你要什么书（通过URL传递参数），管理员把书给你，整个过程没有改变图书馆的藏书状态。而POST请求则像你提交一份购书申请 - 你需要把详细的购书理由和书目清单（请求体）交给管理员，这会改变图书馆的藏书状态。
1.1 GET请求的特点解析
GET请求有几个关键特性值得注意：
- 参数通过URL传递，形式为
?key1=value1&key2=value2 - 有长度限制（不同浏览器限制不同，通常在2048-8192字符）
- 会被浏览器缓存
- 可以被收藏为书签
- 不应用于敏感数据传递
我在实际项目中遇到过这样一个案例：一个电商网站把用户搜索历史通过GET请求传递，结果因为URL过长导致在IE浏览器上频繁报错。后来我们改用POST请求才解决了这个问题。
1.2 POST请求的核心优势
POST请求的设计初衷就是为了解决GET的局限性：
- 参数通过请求体传递，没有长度限制
- 不会显示在URL中，相对更安全
- 不会被缓存
- 适合传输大量数据或二进制数据
但要注意，POST请求也不是绝对安全的。我曾在安全审计中发现，有开发者误以为POST参数不会被抓包工具捕获，结果导致敏感信息泄露。实际上，POST请求只是不在URL中显示参数，但通过抓包工具依然可以完整看到请求内容。
2. 发送普通参数的技术实现
2.1 GET请求参数发送实战
用JavaScript发送带参数的GET请求：
// 原生JavaScript方式 const params = new URLSearchParams({ category: 'electronics', page: 2 }); fetch(`/api/products?${params}`) .then(response => response.json()) .then(data => console.log(data)); // jQuery方式（虽然现在不推荐，但很多老项目还在用） $.get('/api/products', { category: 'electronics', page: 2 }, function(data) { console.log(data); });在Java中使用HttpClient发送GET请求：
// Java 11+的HttpClient HttpClient client = HttpClient.newHttpClient(); String url = "http://example.com/api?name=value&age=25"; HttpRequest request = HttpRequest.newBuilder() .uri(URI.create(url)) .build(); HttpResponse<String> response = client.send(request, HttpResponse.BodyHandlers.ofString()); System.out.println(response.body());2.2 POST请求参数发送详解
通过JavaScript发送表单格式的POST请求：
// 原生FormData方式 const formData = new FormData(); formData.append('username', 'john_doe'); formData.append('password', 's3cr3t'); fetch('/api/login', { method: 'POST', body: formData }) .then(response => response.json()) .then(data => console.log(data)); // 使用URLSearchParams发送x-www-form-urlencoded数据 const params = new URLSearchParams(); params.append('username', 'john_doe'); params.append('password', 's3cr3t'); fetch('/api/login', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded', }, body: params }) .then(response => response.json()) .then(data => console.log(data));Python中使用requests库发送POST请求：
import requests # 表单格式 response = requests.post( 'http://example.com/api/login', data={'username': 'john', 'password': 'doe'} ) # JSON格式 response = requests.post( 'http://example.com/api/data', json={'key': 'value'}, headers={'Content-Type': 'application/json'} )3. 参数编码与安全注意事项
3.1 参数编码的必要性
我曾经接手过一个项目，用户反映搜索包含"&"符号的内容时总会出错。原因就是没有对参数进行正确编码。URL参数中有些字符是有特殊含义的，必须进行编码：
- 空格编码为
%20或+ - &编码为
%26 - =编码为
%3D - 中文等非ASCII字符需要UTF-8编码
JavaScript中的正确做法：
const searchTerm = "电子&电脑"; const encodedTerm = encodeURIComponent(searchTerm); // 结果为"电子%26电脑" fetch(`/api/search?q=${encodedTerm}`);3.2 安全防护措施
在实际项目中，我总结了几个安全要点：
- 敏感数据永远不要用GET请求传递
- 即使使用POST，也要考虑HTTPS加密
- 服务端必须验证所有输入参数
- 防范CSRF攻击（为POST请求添加token）
- 设置合理的CORS策略
一个常见的错误是只在客户端验证参数。我曾经审计过一个系统，前端用JavaScript验证了参数长度，但后端没做验证，结果攻击者直接构造请求就绕过了限制。
4. 调试工具与性能优化
4.1 常用调试工具对比
| 工具 | 特点 | 适用场景 |
|---|---|---|
| Chrome开发者工具 | 内置浏览器，支持请求重放 | 日常开发调试 |
| Postman | 功能全面，支持环境变量 | API测试开发 |
| curl | 命令行工具，适合自动化 | 服务器环境测试 |
| Fiddler | 抓包分析，支持HTTPS | 网络问题排查 |
我个人的工作流是：开发时用Chrome开发者工具快速验证，写文档用例时用Postman，部署到服务器后用curl写测试脚本。
4.2 性能优化技巧
- GET请求适合缓存，可以利用ETag和Cache-Control头
- 多个小请求可以合并为一个批量请求
- 压缩请求数据（特别是JSON）
- 对于大量数据，考虑分页或流式传输
一个实际案例：一个报表系统最初每次导出都发送包含所有数据的POST请求，经常超时。后来改为分页GET请求，并启用缓存，性能提升了10倍。
5. 常见问题排查指南
5.1 参数未接收问题排查
遇到服务器收不到参数的情况，按这个顺序检查：
- 确认请求方法正确（GET/POST）
- 检查参数名称拼写
- 验证参数编码是否正确
- 查看请求头Content-Type是否匹配
- 用抓包工具确认实际发送的数据
我曾经花了3小时debug一个问题，最后发现是前端把POST参数放在了URL里，而服务端只在请求体中查找参数。
5.2 跨域请求问题解决
跨域问题最常见的错误是：
- 预检请求(OPTIONS)失败
- 缺少CORS响应头
- 凭证模式不匹配
解决方案：
// Spring Boot中配置CORS @Configuration public class CorsConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/api/**") .allowedOrigins("https://example.com") .allowedMethods("GET", "POST") .allowCredentials(true); } }对于简单请求（GET、POST with certain Content-Types），浏览器会直接发送请求。对于复杂请求（如带自定义头的请求），浏览器会先发送OPTIONS预检请求。
6. 内容类型(Content-Type)详解
6.1 常见Content-Type对比
| 类型 | 格式 | 特点 |
|---|---|---|
| application/x-www-form-urlencoded | key1=value1&key2=value2 | 默认表单提交格式 |
| multipart/form-data | 带边界的分段数据 | 适合文件上传 |
| application/json | {"key":"value"} | 结构化数据 |
| text/plain | 纯文本 | 简单文本数据 |
我曾经遇到一个坑：前端用FormData上传文件但没设置Content-Type，结果浏览器自动添加了multipart/form-data，而服务端却按x-www-form-urlencoded解析，导致数据解析失败。
6.2 如何正确设置Content-Type
JavaScript示例：
// JSON格式 fetch('/api/data', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({key: 'value'}) }); // 表单格式 fetch('/api/form', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: 'key1=value1&key2=value2' });在Spring Boot中接收不同Content-Type的参数：
// 接收表单数据 @PostMapping("/form") public String handleForm(@RequestParam String username) { return "Hello " + username; } // 接收JSON数据 @PostMapping("/json") public String handleJson(@RequestBody User user) { return "Hello " + user.getUsername(); }7. 文件上传的特殊处理
虽然题目说的是普通参数，但实际项目中经常需要同时传文件和普通参数。这里分享一个实用方案：
HTML表单：
<form id="uploadForm" enctype="multipart/form-data"> <input type="text" name="description"> <input type="file" name="document"> <button type="submit">Upload</button> </form>JavaScript处理：
document.getElementById('uploadForm').addEventListener('submit', function(e) { e.preventDefault(); const formData = new FormData(this); // 可以额外添加参数 formData.append('timestamp', Date.now()); fetch('/api/upload', { method: 'POST', body: formData // 注意：不要手动设置Content-Type，浏览器会自动设置正确的boundary }) .then(response => response.json()) .then(data => console.log(data)); });Spring Boot后端接收：
@PostMapping("/upload") public String handleUpload( @RequestParam String description, @RequestParam MultipartFile document) { // 处理文件 String fileName = document.getOriginalFilename(); document.transferTo(new File("/uploads/" + fileName)); return "File " + fileName + " uploaded with description: " + description; }我曾经遇到一个坑：前端手动设置了Content-Type为multipart/form-data但没有设置boundary，导致后端无法正确解析数据。正确的做法是让浏览器自动处理Content-Type头。
8. 移动端特殊考量
在移动端开发中，网络状况更加复杂，需要特别注意：
- 请求超时设置要合理（通常移动端设为10-30秒）
- 考虑弱网环境下减小请求体积
- 实现请求重试机制
- 合理使用本地缓存
Android中使用Retrofit发送请求的示例：
interface ApiService { @GET("api/data") suspend fun getData(@Query("param") param: String): Response<DataModel> @FormUrlEncoded @POST("api/post") suspend fun postData(@Field("key") value: String): Response<ResultModel> } // 使用 val retrofit = Retrofit.Builder() .baseUrl("https://api.example.com/") .client(OkHttpClient.Builder() .connectTimeout(15, TimeUnit.SECONDS) .readTimeout(15, TimeUnit.SECONDS) .build()) .build() val service = retrofit.create(ApiService::class.java) val response = service.getData("value")iOS中使用URLSession的示例：
// GET请求 let url = URL(string: "https://api.example.com/data?param=value")! let task = URLSession.shared.dataTask(with: url) { data, response, error in if let data = data { let result = try? JSONDecoder().decode(DataModel.self, from: data) print(result) } } task.resume() // POST请求 var request = URLRequest(url: URL(string: "https://api.example.com/post")!) request.httpMethod = "POST" request.setValue("application/x-www-form-urlencoded", forHTTPHeaderField: "Content-Type") let bodyData = "key=value".data(using: .utf8) request.httpBody = bodyData let postTask = URLSession.shared.dataTask(with: request) { data, response, error in // 处理响应 } postTask.resume()在移动端开发中，我建议使用成熟的网络库如Retrofit(Android)和Alamofire(iOS)，它们处理了很多边界情况和性能优化。
![[C++]内存管理：串顺序存储的内存回收](http://pic.xiahunao.cn/yaotu/[C++]内存管理：串顺序存储的内存回收)
