[swift]-使用JavaScript解决WKWebView无法发送POST参数问题

2019独角兽企业重金招聘Python工程师标准>>>

基本实现思路:

将一个包含JavaScript的POST请求的HTML代码放到工程目录中
加载这个包含JavaScript的POST请求的代码到WKWebView
加载完成之后，用Native调用JavaScript的POST方法并传入参数来完成请求
创建包含JavaScript的POST请求的HTML代码

相关代码：

 <html><head><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);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();}</script></head><body></body>
</html>

将这段代码拷贝下来，然后粘贴到文本编辑器中，名字可以随意起，比如保存为：JSPOST.html，然后拷贝到工程目录中，记得选择对应的Target和勾选Copy items if needed（默认应该是勾选的）。这时候，就可以用这段JavaScript代码来发送带参数的POST请求了。

将对应的JavaScript代码通过加载本地网页的形式加载到WKWebView

=======OC代码：=======

// JS发送POST的Flag，为真的时候会调用JS的POST方法（仅当第一次的时候加载本地JS） self.needLoadJSPOST = YES;

// 创建WKWebView

self.webView = [[WKWebView alloc] initWithFrame:[UIScreen mainScreen].bounds];

//设置代理

self.webView.navigationDelegate = self;

// 获取JS所在的路径

NSString *path = [[NSBundle mainBundle] pathForResource:@"JSPOST" ofType:@"html"];

// 获得html内容

NSString *html = [[NSString alloc] initWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];

// 加载js

[self.webView loadHTMLString:html baseURL:[[NSBundle mainBundle] bundleURL]];

// 将WKWebView添加到当前View

[self.view addSubview:self.webView];

======Swift代码：=======

// JS发送POST的Flag，为真的时候会调用JS的POST方法（仅当第一次的时候加载本地JS）

needLoadJSPOST = true

// 创建WKWebView

webView = WKWebView(frame: UIScreen.mainScreen().bounds)

//设置代理

webView.navigationDelegate = self

// 获取JS路径

let path = NSBundle.mainBundle().pathForResource("JSPOST", ofType: "html")

// 获得html内容

do {let html = try String(contentsOfFile: path!, encoding: NSUTF8StringEncoding)// 加载jswebView.loadHTMLString(html, baseURL: NSBundle.mainBundle().bundleURL)
} catch { }

// 将WKWebView添加到当前View

view.addSubview(webView)

这段代码就相当于把工程中的JavaScript脚本加载到WKWebView中了，后面就是看怎么用了。（请注意换成您的文件名）

Native调用JavaScript脚本并传入参数来完成POST请求

还记得 WKWebView和JavaScript的交互这一节嘛？现在该Native调用JavaScript了，如果忘记了，请往前翻温故一下：- webView:didFinishNavigation:代理表明页面已经加载完成，我们在这里操作，下面上代码：

=======OC代码：=======

// 加载完成的代理方法

- (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 = @"\"username\":\"aaa\",\"password\":\"123\"";// 请求的页面地址NSString *urlStr = @"http://www.postexample.com";// 拼装成调用JavaScript的字符串NSString *jscript = [NSString stringWithFormat:@"post('%@', {%@});", urlStr, postData];// NSLog(@"Javascript: %@", jscript);// 调用JS代码[self.webView evaluateJavaScript:jscript completionHandler:^(id object, NSError * _Nullable error) {}];
}

=======Swift代码：=======

// 加载完成的代理方法

func webView(webView: WKWebView, didFinishNavigation navigation: WKNavigation!) {// 判断是否需要加载（仅在第一次加载）if needLoadJSPOST {// 调用使用JS发送POST请求的方法postRequestWithJS()// 将Flag置为NO（后面就不需要加载了）needLoadJSPOST = false}
}
// 调用JS发送POST请求
func postRequestWithJS() {// 发送POST的参数let postData = "\"username\":\"aaa\",\"password\":\"123\""// 请求的页面地址let urlStr = "http://www.postexample.com"// 拼装成调用JavaScript的字符串let jscript = "post('\(urlStr)', {\(postData)});"// 调用JS代码webView.evaluateJavaScript(jscript) { (object, error) in}
}

结束.

转载于:https://my.oschina.net/xiaoLoo/blog/1843791

[swift]-使用JavaScript解决WKWebView无法发送POST参数问题相关推荐

Swift和Javascript的神奇魔法
Swift和Javascript的神奇魔法记录Swift和Javascript如何进行交互前言今天在网上看到了一篇介绍Swift和Javascript交互的文章,感觉作者写的很好,因此把作者文章 ...
Android 解决不同进程发送KeyEvent 的问题
Android 解决不同进程发送KeyEvent 的问题参考文章: (1)Android 解决不同进程发送KeyEvent 的问题 (2)https://www.cnblogs.com/TerryB ...
javascript 解决IE8 兼容 placeholder 属性含password
javascript 解决IE8 兼容 placeholder 属性含password function placeholderfun(){if( !('placeholder' in docume ...
php 邮件乱码,解决PHP mail发送UTF-8中文邮件乱码
在这里,我将解决一个问题,也许很多人遇到过,困惑又不知道如何去做的问题. 如何发送中文邮件时没有乱码? 在这里我将告诉你如何发送UTF-8编码格式的中文电子邮件.本文不涉及GBK编码或者GB2312编 ...
JavaScript 解决计算误差
JavaScript 解决计算误差在 JavaScript 中执行计算时,精度误差是一个常见的问题.这是因为 JavaScript 使用二进制表示浮点数,因此不能精确表示所有十进制数.这会导致在 J ...
惠普打印信息页无法连接到服务器,如何解决hp打印机发送打印任务后不打印
如何解决hp打印机发送打印任务后不打印打印机(Printer) 是计算机的输出设备之一,用于将计算机处理结果打印在相关介质上.下面是小编帮大家整理的如何解决hp打印机发送打印任务后不打印,供大家参考 ...
进来看很有趣，用JavaScript打印乘法口诀表用JavaScript打印加法口诀表用JavaScript打印菱形用JavaScript判断是否为回文用JavaScript解决百只鸡的问题
每次浪漫主义 [4K超清]五月天<后来的我们>线上版 Mayday Fly TO 2021 希望大家能好好珍惜你身边的那个她,别等失去了才后悔莫及. JavaScript 用JavaScr ...
JavaScript解决常见浏览器兼容问题
JavaScript解决常见浏览器兼容问题我们提倡尽可能使用CSS,而且我们常常能做到这一点.现代浏览器有很好的CSS支持-这无疑足够好让你使用CSS来控制布局和版面设计.但是有时候,某些网页元素在 ...
Ubuntu18.04下安装QQ微信——亲测试有效！【同时解决微信不能发送图片问题】
一.安装deepin-wine环境进入https://gitee.com/wszqkzqk/deepin-wine-for-ubuntu页面下载zip包(或用git方式克隆) zhenghan@zh ...

[swift]-使用JavaScript解决WKWebView无法发送POST参数问题

[swift]-使用JavaScript解决WKWebView无法发送POST参数问题相关推荐

最新文章

热门文章