标题略长...
项目有一个H5的页面需要传参数,之前是使用GET请求在后面直接拼接参数,后来老大发话说需要改为POST请求去传参,iOS 使用UIWebView做POST请求是十分简单so easy的,但是项目中已经全部使用了WKWebView,而苹果的WKWebView对POST请求好像不是那么的友好,在发起请求时会获取不到参数,从而导致的就是无法访问啦!
既然出现了Bug.我们当然是选择Google啦.毕竟我只是一个搬砖工.
Google出来的结果有两种,都可以解决当前的问题.第一种是使用本地HTML去加载一段JS的表单提交函数(不知道这样叫对不对,毕竟我不会JS)
下面是JS代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>form</title>
</head>
<body>
<script>
//调用格式： post('URL', {"key": "value"});
function post(path, params) {
var method = "post";
var form = document.createElement("form");
form.setAttribute("method", method);
form.setAttribute("action", path);
//遍历传入的参数. 判断参数是否有这个key,创建一个input元素,
for(var key in params) {
if(params.hasOwnProperty(key)) {
var hiddenField = document.createElement("input");
hiddenField.setAttribute("type", "hidden");
hiddenField.setAttribute("name", key);
hiddenField.setAttribute("value", params[key]);
form.appendChild(hiddenField);
}
}
document.body.appendChild(form);
form.submit();
}
//这段是在浏览器中测试修改了UserAgent是否可以打开的.
// post('url',{post参数});
</script>
</body>
</html>```
// 加载完成的代理方法
- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation {
// 判断是否需要加载（仅在第一次加载）
if (self.needLoadJSPOST) {
// 调用使用JS发送POST请求的方法
[self postRequestWithJS];
// 将Flag置为NO（后面就不需要加载了）
self.needLoadJSPOST = NO;
}
}
// 调用JS发送POST请求
-
(void)postRequestWithJS {
// POST的参数
// NSString *postData = @""key":"123","key":"123"";
// 请求的页面地址
NSString *urlStr = @"你的url";
// 拼装成调用JavaScript的字符串
NSString *jscript = [NSString stringWithFormat:@"post('%@', {%@});", urlStr, postData];// NSLog(@"Javascript: %@", jscript);
// 调用JS代码
[self.webView evaluateJavaScript:jscript completionHandler:^(id object, NSError * _Nullable error) {
}];
}
通过以上代码就可以正常的通过WKWebView发起Post请求了.
本着一个搬砖工的求知精神(就是闲的蛋疼),想着既然这段JS的HTML可以帮助我们发起POST访问页面,那我直接在浏览器上打开这个JS的HTML文件是不是也可以通过JS直接访问H5了呢?
后来就在html中调用了一下这个函数.
//这段是在浏览器中测试修改了UserAgent是否可以打开的.
// post('url',{post参数});
使用Chrome打开了这个HTML.出现了请在微信打开这个链接,OK,起码我们的猜测是对,在浏览器打开这个HTML是可以直接访问这个页面的.
继续猜测...
请在微信中打开,穷尽我有限的HTML和JS知识,这个可能是我的大前端兄弟判断了User-Agent做了限制?
实验见真知,立马在Chrome的应用商店搜索这个插件.就可以用来修改UserAgent.
down好后浏览器右上角出现这个图标
然后打开我们的HTML,OK,正常访问.我们完成了一次伟大的实验!!!
网友评论