转载

WKWebView发送POST请求

项目里一直都在用UIWebview,某天心情不错就将项目里的UIWebview改成了WKWebView,这下可踩了一个坑,WKWebView不能发送POST请求。网上查了一下发现说这是苹果的bug以后可能会改,但这不能等呀!于是在网上找到了一个曲线救国的方法,利用JS来动态的生成HTML里的form标签,然后用form表单来实现POST请求。

网上找到的发送POST请求的方法思路下如:

  1. 将写有动态生成form表单的JS方法放到一个本地的HTML文件里。

  2. 在发送POST请求前先加载本地的HTML文件。

  3. 在文件加载完成后调用WKWebView执行JS代码的方法调用HTML里写好的JS方法并给方法传值来实现POST请求

(以上方法总感觉扩展性不太好,后面我说我改进后的版本。)

具体代码实现如下:

一、本地HTML文件里的代码

        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];    
    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代码。然后我对以上代码进行了以下改进:

  1. 将原来写在HTML文件里的JS代码定义成一个宏,在使用的时候直接调用。

  2. 在创建好的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请求而加载一个空网页了,并且调用起来也很方法。

以上方法是我个人的拙见 如有不妥的地址还请位大神指正!

作者:wosicuanqi
链接:https://www.jianshu.com/p/866847bd139a

正文到此结束
Loading...