IOS wkWebView 注入JS 解决webView无法post请求以及三方结果页无法捕获返回等问题

最新推荐文章于 2021-11-29 09:10:25 发布

CQAHF

最新推荐文章于 2021-11-29 09:10:25 发布

阅读量2.6k

点赞数

分类专栏： IOS开发

本文链接：https://blog.csdn.net/CQAHF/article/details/103322065

版权

IOS开发专栏收录该内容

59 篇文章 0 订阅

订阅专栏

一、webView发送post请求的三种常用方法

1、加载html文件

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

（2）在发送POST请求前先加载本地的HTML文件；

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

方法一具体实现请看下边代码

//js发送post请求代码
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        
    </head>
    <body>
        
    </body>
    
    <script type="text/javascript">
        //方法名  JSPOST
        //参数    path ：webView调用的时候传入的链接
        //如果需要动态修改post请求参数，需要另外一个参数，在webVeiw中传入处理后的参数即可
        function JSPOST(path) {
            
            var method = "POST";
            var form = document.createElement("form");
            form.setAttribute("method", method);
            form.setAttribute("action", path);
            //链接中存在中文 要使用下边utf-8格式转换
            form.setAttribute("accept-charset","utf-8");
            document.body.appendChild(form);
            form.submit();
        }
    </script>
    
</html>

方法一webVeiw里边的配置

//初始化webView后 加载本地html代码
 //通过本地js 实现webview 加载post请求！！！
        
      isOpen = true //全局变量  控制只加载一次
      let fileURL =  Bundle.main.url(forResource: "JSPOST", withExtension: "html" )
                          wkWebView.loadFileURL(fileURL!,allowingReadAccessTo:Bundle.main.bundleURL);



//webView加载完成后
func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        
        if (isOpen==true) {
            let newUrl = loadUrl!.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed)!
            let ss = "\")"
            let js = "JSPOST(\"" + newUrl + ss // \"转义成" 调用js的时候 注意方法调用规则，包含一对括号，检查连接是否正确，可在js代码里边 添加alert弹框 查看传过去的path是否正确
            // 最后执行JS代码
            wkWebView .evaluateJavaScript(js, completionHandler: nil)
            // 设置标记确保只执行一次
            isOpen = false
            MBProgressHUD.hide(for: UIApplication.shared.keyWindow!, animated: true)
        }else{
             YBProgressHUD.dismiss()
        }
    }

2、利用runtime对WKWebView的loadRequest进行方法替换

具体可参考 wkwebView之Post请求

3、在WebView里对NSMutableRequest重新设置

 let body = string2JSONString(string: (loadUrl?.components(separatedBy: "?").last)!)
            let bodyData = body.data(using: .utf8)
            let bodyDataLength = bodyData?.count
            let request = NSMutableURLRequest.init(url: URL.init(string: (loadUrl?.components(separatedBy: "?").first)!)!)
            request.httpMethod = "POST"
            request.httpBody = bodyData
            request.setValue(String(format:"%lu",bodyDataLength!), forHTTPHeaderField: "Content-Length")
            request.setValue("application/x-www-form-urlencoded", forHTTPHeaderField: "Content-type")
            request.setValue("application/json", forHTTPHeaderField: "Accept")
            wkWebView .load(request as URLRequest)

综合来说，以上三种方法，第一种方法需要js脚本驱动，能实现webView的post请求，但是代码稍微复杂；第二种方法通过runtaime实现，通过方法交换实现，相对来说实现起来比较优雅；第三种方法在iOS9之后不支持，在本次的swift中也没有实现，因此推荐使用方法一和方法二。

二、捕获webView页面方法，通过注入js重新实现js方法，多用于捕获不到页面链接，需处理返回等回调上。

未完，等待更新

CQAHF

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IOS wkWebView 注入JS 解决webView无法post请求以及三方结果页无法捕获返回等问题

一、webView发送post请求的三种常用方法1、加载html文件（1）将写有动态生成form表单的JS方法放到一个本地的HTML文件里；（2）在发送POST请求前先加载本地的HTML文件；（3）在文件加载完成后调用WKWebView执行JS代码的方法调用HTML里写好的JS方法并给方法传值来实现POST请求。方法一具体实现请看下边代码//js发送post请求代码&l...
复制链接

扫一扫