ios 调用js 方法传参-摩杜云开发者社区

iOS调用JS方法传参的流程

为了实现iOS调用JS方法并传递参数，需要经过以下步骤：

步骤	描述
1. 创建一个WKWebView对象	WKWebView是iOS提供的用于显示网页内容的控件，它提供了与JavaScript交互的接口
2. 加载HTML网页	使用WKWebView的loadHTMLString方法加载包含JavaScript代码的HTML网页
3. 定义JavaScript方法	在HTML网页中定义需要被iOS调用的JavaScript方法，并通过window.webkit.messageHandlers对象发送消息给iOS
4. 在iOS中实现WKScriptMessageHandler协议	创建一个遵循WKScriptMessageHandler协议的对象，用于接收来自JavaScript的消息
5. 注册JavaScript方法	使用WKWebView的configuration属性，通过addScriptMessageHandler方法注册WKScriptMessageHandler对象和方法名
6. 调用JavaScript方法并传递参数	使用WKWebView的evaluateJavaScript方法，通过调用JavaScript方法并传递参数

下面将详细介绍每一步的具体实现。

1. 创建一个WKWebView对象

在iOS中，可以使用WKWebView来加载网页并与JavaScript交互。首先，在合适的位置创建一个WKWebView对象，例如在ViewController的视图中：

import WebKit

class ViewController: UIViewController {
    var webView: WKWebView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        webView = WKWebView(frame: view.bounds)
        view.addSubview(webView)
    }
}

2. 加载HTML网页

使用WKWebView的loadHTMLString方法加载包含JavaScript代码的HTML网页。可以将HTML代码以字符串形式传递给loadHTMLString方法：

let html = """
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JavaScript Demo</title>
</head>
<body>
    <script>
        // JavaScript代码
    </script>
</body>
</html>
"""

webView.loadHTMLString(html, baseURL: nil)

3. 定义JavaScript方法

在HTML网页中定义需要被iOS调用的JavaScript方法，并通过window.webkit.messageHandlers对象发送消息给iOS。在JavaScript代码中，可以使用window.webkit.messageHandlers对象调用iOS方法并传递参数：

function sayHello(name) {
    window.webkit.messageHandlers.myHandler.postMessage(name);
}

4. 在iOS中实现WKScriptMessageHandler协议

创建一个遵循WKScriptMessageHandler协议的对象，用于接收来自JavaScript的消息。在该对象中，实现userContentController(_:didReceive:)方法来处理来自JavaScript的消息：

class MyScriptMessageHandler: NSObject, WKScriptMessageHandler {
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        if let name = message.body as? String {
            // 处理JavaScript传递的参数
            print("Received message from JavaScript: \(name)")
        }
    }
}

5. 注册JavaScript方法

使用WKWebView的configuration属性，通过addScriptMessageHandler方法注册WKScriptMessageHandler对象和方法名。在ViewController中，注册MyScriptMessageHandler对象和方法名：

let scriptMessageHandler = MyScriptMessageHandler()

let configuration = WKWebViewConfiguration()
let userContentController = WKUserContentController()
userContentController.add(scriptMessageHandler, name: "myHandler")

configuration.userContentController = userContentController

webView = WKWebView(frame: view.bounds, configuration: configuration)
view.addSubview(webView)

6. 调用JavaScript方法并传递参数

使用WKWebView的evaluateJavaScript方法，通过调用JavaScript方法并传递参数。在iOS代码中，可以使用evaluateJavaScript方法调用JavaScript方法并传递参数，例如调用sayHello方法并传递参数：

let name = "John"
let javascript = "sayHello('\(name)');"

webView.evaluateJavaScript(javascript, completionHandler: nil)

以上就是iOS调用JS方法传参的完整流程。通过以上步骤，你可以在iOS应用中调用JavaScript方法并传递参数。

注意事项：

在调用JavaScript方法之前，需要确保HTML网页已经加载完成。
iOS与JavaScript之间的通信是异步的，所以需要注意处理调用和响应的顺序。

希望以上内容能够帮助你理解并实现iOS调用JS方法传参。如果你还有其他问题，欢迎继续提问！