项目里一直都在用UIWebview,某天心情不错就将项目里的UIWebview改成了WKWebView,这下可踩了一个坑，WKWebView不能发送POST请求。网上查了一下发现说这是苹果的bug以后可能会改，但这不能等呀！于是在网上找到了一个曲线救国的方法，利用JS来动态的生成HTML里的form标签，然后用form表单来实现POST请求。
网上找到的发送POST请求的方法思路下如：
- 将写有动态生成form表单的JS方法放到一个本地的HTML文件里。
- 在发送POST请求前先加载本地的HTML文件。
- 在文件加载完成后调用WKWebView执行JS代码的方法调用HTML里写好的JS方法并给方法传值来实现POST请求
（以上方法总感觉扩展性不太好，后面我说我改进后的版本。）
具体代码实现如下：
一、本地HTML文件里的代码
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
<script type="text/javascript">
function my_post(path, params) {
var method = "POST";
var form = document.createElement("form");
form.setAttribute("method", method);
form.setAttribute("action", path);
for(var key in params){
if (params.hasOwnProperty(key)) {
var hiddenFild = document.createElement("input");
hiddenFild.setAttribute("type", "hidden");
hiddenFild.setAttribute("name", key);
hiddenFild.setAttribute("value", params[key]);
}
form.appendChild(hiddenFild);
}
document.body.appendChild(form);
form.submit();
}
</script>
</html>
二、在viewDidLoad里这样写
- (void)viewDidLoad {
[super viewDidLoad];
WKWebView * myWeb = [[WKWebView alloc] initWithFrame:self.view.frame];
self.myWeb = myWeb;
// 设置代理来确定什么时候网页文件加载完成
myWeb.navigationDelegate = self;
// 标记本地HTML文件只加载一次
self.isOpen = YES;
[self.view addSubview:myWeb];
NSString * path = [[NSBundle mainBundle] pathForResource:@"mypost" ofType:@"html"];
NSString * html = [[NSString alloc] initWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];
[self.web loadHTMLString:html baseURL:[[NSBundle mainBundle] bundleURL]];
}
三、本地HTML加载完执行的代码
// 加载完成
- (void)webView:(WKWebView *)webView didFinishNavigation:(null_unspecified WKNavigation *)navigation{
if (self.isOpen) {
// 要传递的参数
NSString * dataStr = @"{\"token\":\"cac6af340960485aa334416c8a34ddbf\"}";
// 要访问的地址
NSString * url = @"http://192.168.1.8:8000/show_meta/";
NSString * js = [NSString stringWithFormat:@"my_post(\"%@\", %@)",url,dataStr];
// 最后执行JS代码
[webView evaluateJavaScript:js completionHandler:nil];
// 设置标记确保只执行一次
self.isOpen = NO;
}
}
改进后的方法
上面的方法虽然可以用，但你会发现问题：
- 在第一次加载数据时用POST请求可以，如果在在访问网页中间要发POST请求就有点难了。
- 在每次加载都要先加载一个空的HTML文件，用户体验不是太好，也使用代码变的很麻烦。
通过我的测试我发现在WKWebView没有加载任何HTML文件好也可以执行JS代码。然后我对以上代码进行了以下改进：
- 将原来写在HTML文件里的JS代码定义成一个宏，在使用的时候直接调用。
- 在创建好的WKWebView上直接执行JS代码即可。
具体代码实现如下
一、先定义一个JS代码的宏
#define POST_JS @"function my_post(path, params) {\
var method = \"POST\";\
var form = document.createElement(\"form\");\
form.setAttribute(\"method\", method);\
form.setAttribute(\"action\", path);\
for(var key in params){\
if (params.hasOwnProperty(key)) {\
var hiddenFild = document.createElement(\"input\");\
hiddenFild.setAttribute(\"type\", \"hidden\");\
hiddenFild.setAttribute(\"name\", key);\
hiddenFild.setAttribute(\"value\", params[key]);\
}\
form.appendChild(hiddenFild);\
}\
document.body.appendChild(form);\
form.submit();\
}"
二、在viewDidLoad里这样写
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view.
WKWebView * myWeb = [[WKWebView alloc] initWithFrame:self.view.frame ];
self.myWeb = myWeb;
[self.view addSubview:myWeb];
// 要传递的参数，（在开发中可以字典转成json字符串即可）
NSString * dataStr = @"{\"token\":\"cac6af340960485aa334416c8a34ddbf\"}";
// 发送的地址
NSString * url = @"http://192.168.1.36:8000/show_meta/";
// 最终要执行的JS代码
NSString * js = [NSString stringWithFormat:@"%@my_post(\"%@\", %@)",POST_JS,url,dataStr];
// 执行JS代码
[myWeb evaluateJavaScript:js completionHandler:nil];
}
如果觉得还不够好可以将下面的请求封装成一个小方法，使用时只传要访问的地址和参数就可以了。这样以后也不用每次都为了POST请求而加载一个空网页了，并且调用起来也很方法。
网友评论
static const NSString *kJSPOST = @"function JSPost(url, params) {\n"
" var method = 'POST';\n"
" var form = document.createElement('form');\n"
" form.setAttribute('accept-charset', '\"utf-8\"');\n"
" form.setAttribute('method', method);\n"
" form.setAttribute('action', url);\n"
" for (var key in params) {\n"
" if (params.hasOwnProperty(key)) {\n"
" var hiddenFiled = document.createElement('input');\n"
" hiddenFiled.setAttribute('type', 'hidden');\n"
" hiddenFiled.setAttribute('name', key);\n"
" hiddenFiled.setAttribute('value', params[key]);\n"
" }\n"
"\n"
" form.appendChild(hiddenFiled);\n"
" }\n"
"\n"
" document.charset = 'utf-8';\n"
" document.body.appendChild(form);\n"
" form.submit();\n"
" }";
像上面这种在 JS 中指定编码也没啥卵用，不知还有人研究这问题没有