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 安全防护措施

在实际项目中，我总结了几个安全要点：

1. 敏感数据永远不要用GET请求传递
2. 即使使用POST，也要考虑HTTPS加密
3. 服务端必须验证所有输入参数
4. 防范CSRF攻击（为POST请求添加token）
5. 设置合理的CORS策略

一个常见的错误是只在客户端验证参数。我曾经审计过一个系统，前端用JavaScript验证了参数长度，但后端没做验证，结果攻击者直接构造请求就绕过了限制。

4. 调试工具与性能优化

4.1 常用调试工具对比

我个人的工作流是：开发时用Chrome开发者工具快速验证，写文档用例时用Postman，部署到服务器后用curl写测试脚本。

4.2 性能优化技巧

1. GET请求适合缓存，可以利用ETag和Cache-Control头
2. 多个小请求可以合并为一个批量请求
3. 压缩请求数据（特别是JSON）
4. 对于大量数据，考虑分页或流式传输

一个实际案例：一个报表系统最初每次导出都发送包含所有数据的POST请求，经常超时。后来改为分页GET请求，并启用缓存，性能提升了10倍。

5. 常见问题排查指南

5.1 参数未接收问题排查

遇到服务器收不到参数的情况，按这个顺序检查：

1. 确认请求方法正确（GET/POST）
2. 检查参数名称拼写
3. 验证参数编码是否正确
4. 查看请求头Content-Type是否匹配
5. 用抓包工具确认实际发送的数据

我曾经花了3小时debug一个问题，最后发现是前端把POST参数放在了URL里，而服务端只在请求体中查找参数。

5.2 跨域请求问题解决

跨域问题最常见的错误是：

1. 预检请求(OPTIONS)失败
2. 缺少CORS响应头
3. 凭证模式不匹配

解决方案：

// 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对比

我曾经遇到一个坑：前端用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. 移动端特殊考量

在移动端开发中，网络状况更加复杂，需要特别注意：

1. 请求超时设置要合理（通常移动端设为10-30秒）
2. 考虑弱网环境下减小请求体积
3. 实现请求重试机制
4. 合理使用本地缓存

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)，它们处理了很多边界情况和性能优化。