文章结构
1.http客户端常用的请求方式
multipart/form-data传数组各个终端的实现方式以及后台怎么处理拿到的数据2.1 web端
2.2 安卓端(OKHTTP)
2.3 苹果端(AFNetworking)
2.4 后台处理拿到的数据
一、http请求常用的两种方式post/get
HTTP请求方式有OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT
具体的http请求方式种类见这篇文章：
HTTP深入浅出 http请求
HTTP协议详解
通常我们用的只有GET、POST
常用的POST请求，按照content-Type来分，又分为 application/x-www-form-urlencoded、multipart/form-data、application/json这几种。
具体的content-Type介绍可以看这篇文章：
理解HTTP之Content-Type
get 与post请求方式的区别就不细讲了，这里我们看下HTTP1.1版本协议里面规定的一个标准的HTTP请求格式应该包含的内容：
1.1 HTTP请求格式：
请求方法URI协议/版本
请求头(Request Header)
请求正文
例子：
GET/sample.jspHTTP/1.1
Accept:image/gif.image/jpeg,*/*
Accept-Language:zh-cn
Connection:Keep-Alive
Host:localhost
User-Agent:Mozila/4.0(compatible;MSIE5.01;Window NT5.0)
Accept-Encoding:gzip,deflate
username=jinqiao&password=1234
1.2 Content-Type几个常见的类型
1.text/html
2.text/plain
3.text/css
4.text/javascript
5.application/x-www-form-urlencoded
6.multipart/form-data
7.application/json
8.application/xml
1.2.1 app常用的三种类型：
(1)application/x-www-form-urlencoded
application/x-www-form-urlencoded是常用的表单发包方式，普通的表单提交，或者js发包，默认都是通过这种方式, body以这样的方式传输 name=homeway&key=nokey
如下：
(2)multipart/form-data
这里
Content-Type告诉我们，发包是以multipart/form-data格式来传输，另外，还有boundary用于分割数据,具体的boundary由客户端自定，在header中以boundary字段返回给服务端。
当文件太长，HTTP无法在一个包之内发送完毕，就需要分割数据，分割成一个一个chunk发送给服务端
那么--用于区分数据快，而后面的数据633e61ebf351484f9124d63ce76d8469就是标示区分包作用。
(3)application/json
在body中参数会以json字符串的形式，传送出去。如下所示。
二、multipart/form-data传数组各个终端的实现方式以及后台怎么处理拿到的数据
2.1 web端
<input type="hidden" name="cars[]" value="Volvo">
<input type="hidden" name="cars[]" value="Saab">
<input type="hidden" name="cars[]" value="Mercedes">
以上代码，可以看出 HTML 传递数组 就是把参数写成数组的形式，进行传递。
最终上传的值会像这样：
How to pass an array within a query string?
2.2 安卓端(OKHTTP)
这里是 截取的 postman使用数组参数 进行的请求头的参数。
所以 我们只需要在代码中找到 对应的API 就可以了。按照这个区拼接 HTTP的请求。
我这里 是使用的 okHTTP
private void addParams(MultipartBody.Builder builder) {
if (params != null && !params.isEmpty()) {
for (String key : params.keySet()) {
builder.addPart(Headers.of("Content-Disposition", "form-data; name=\"" + key.replaceAll("\\[\\d+\\]", "") + "\""),
RequestBody.create(null, params.get(key)));
}
}
}
然后就OK了
html这样写 有可能就是为了拼接这个才这样写的。 在postman中尝试，完美解决。传递过去 因为有 数组的标示[ ] 会把这个强转成数组。
2.3 苹果端(AFNetworking)
上面有提到根据content-Type有以下三种常用的类型
1.application/x-www-form-urlencoded
2.multipart/form-data
3.application/json
我们再看下AFNetWorking
+ (void)postWithURL:(NSString *)url params:(NSDictionary *)params progress:(void (^)(id))progress success:(void (^)(id))success failure:(void (^)(NSError *))failure
{
AFHTTPSessionManager *mgr = [AFHTTPSessionManager manager];
mgr.requestSerializer.timeoutInterval = 20.0f;
NSLog(@"url:%@\nparas:%@",url,params);
[UIApplication sharedApplication].networkActivityIndicatorVisible = YES;
[mgr POST:url parameters:params progress:^(NSProgress * _Nonnull uploadProgress) {
progress?progress(uploadProgress):nil;
} success:^(NSURLSessionDataTask * _Nonnull task, id _Nullable responseObject) {
[UIApplication sharedApplication].networkActivityIndicatorVisible = NO;
success?success(responseObject):nil;
} failure:^(NSURLSessionDataTask * _Nullable task, NSError * _Nonnull error) {
[UIApplication sharedApplication].networkActivityIndicatorVisible = NO;
failure?failure(error):nil;
}];
}
官方给出来的三个请求类：
对应的content-Type类型如上，请求在不指定请求序列化类时默认用的第一种。第三种主要是对xml类型传输方式的支持，感兴趣的朋友可以自己查阅下。
要切换请求
content-Type到application/json方式很简单，直接上代码。
AFHTTPSessionManager *mgr = [AFHTTPSessionManager manager];
mgr.requestSerializer.timeoutInterval = 8.0f;
NSString *token = [faceTokenMannage shareMannager].token;
mgr.requestSerializer = [AFJSONRequestSerializer serializer];
[mgr.requestSerializer setValue:token forHTTPHeaderField:@"Authorization"];
2.3.2 multipart/form-data
我们平时主要用来传文件的函数
- (NSURLSessionDataTask *)POST:(NSString *)URLString
parameters:(id)parameters
constructingBodyWithBlock:(void (^)(id <AFMultipartFormData> formData))block
progress:(nullable void (^)(NSProgress * _Nonnull))uploadProgress
success:(void (^)(NSURLSessionDataTask *task, id responseObject))success
failure:(void (^)(NSURLSessionDataTask *task, NSError *error))failure
看下内部的实现方式：
点击跳转
再跳转
可以发现这里对数组的处理是类似的，[].
分别用afnet 以 multipart/form-data的方式传纯属组，以及字典数组，抓包采集的结果如下：
纯数组：
[name1,name2]
字典数组：
[{ID:peo1,name:ni},{ID:peo2,name:ni2}]
抓包结果
2.4 后台处理拿到的数据
@RequestMapping("/uploadImage")
public @ResponseBody FeedResult uploadImage(HttpServletRequest request, UploadFileForm form) {
FeedResult f = new FeedResult();
//纯数组
String[]ids = request.getParameterValues("groups[]");
//数组对象
String[]ids = request.getParameterValues("groups_id[]");
String[]names = request.getParameterValues("groups_name[]");
try {
f = FileUploadUtil.handleUploadFile(form, true);
return f;
} catch (Exception e) {
log.error(e.getMessage(), e);
return f.error("文件上传失败");
}
}
参考文献：
四种常见的 POST 提交数据方式
