正文

iOS调用JS方法及参数传递全攻略

/0 浏览量
0720

在iOS开发中，JavaScript（JS）通常与Objective-C或Swift结合使用，特别是在使用WebView进行混合开发时。iOS调用JS方法及参数传递是一个常见的需求，以下将详细介绍这一过程。

一、WebView的基本使用

首先，确保你的项目中已经集成了WebView。在iOS中，WebView是UIKit框架的一部分，可以通过UIWebView类来使用。

import UIKit

class ViewController: UIViewController {
    var webView: UIWebView!

    override func viewDidLoad() {
        super.viewDidLoad()
        webView = UIWebView(frame: self.view.bounds)
        self.view.addSubview(webView)
    }
}

二、加载HTML页面

在WebView中加载HTML页面，可以通过loadRequest方法实现。

if let url = URL(string: "https://www.example.com") {
    let request = URLRequest(url: url)
    webView.loadRequest(request)
}

三、iOS调用JS方法

3.1 使用evaluateJavaScript方法

evaluateJavaScript方法可以执行JavaScript代码，并返回结果。如果要调用JS方法，可以直接传入方法名和参数。

webView.evaluateJavaScript("myJavaScriptMethod('参数1', '参数2')", completionHandler: { (result, error) in
    if let error = error {
        print("调用JS方法失败: \(error)")
    } else {
        print("调用JS方法成功: \(result)")
    }
})

3.2 使用evaluateJavaScriptAsync方法

evaluateJavaScriptAsync方法与evaluateJavaScript类似，但不会阻塞当前线程。

webView.evaluateJavaScriptAsync("myJavaScriptMethod('参数1', '参数2')") { (result, error) in
    if let error = error {
        print("调用JS方法失败: \(error)")
    } else {
        print("调用JS方法成功: \(result)")
    }
}

四、JS方法参数传递

4.1 传递基本数据类型

基本数据类型（如String、Number、Boolean等）可以直接传递。

function myJavaScriptMethod(param1, param2) {
    console.log(param1, param2);
}

4.2 传递复杂数据类型

对于复杂数据类型（如Array、Object等），需要先将数据转换为JSON字符串，再传递给JS。

let data = ["key": "value", "array": [1, 2, 3]]
webView.evaluateJavaScript("myJavaScriptMethod(\(data.jsonString()))", completionHandler: { (result, error) in
    // ...
})

function myJavaScriptMethod(data) {
    console.log(data);
}

4.3 返回结果

在JS方法中，可以通过return语句返回结果。

function myJavaScriptMethod(param1, param2) {
    return param1 + param2;
}

webView.evaluateJavaScript("myJavaScriptMethod('参数1', '参数2')", completionHandler: { (result, error) in
    if let error = error {
        print("调用JS方法失败: \(error)")
    } else {
        if let result = result as? String {
            print("调用JS方法成功: \(result)")
        }
    }
})

五、总结

iOS调用JS方法及参数传递是一个简单但实用的功能。通过WebView和JavaScript，可以实现iOS与Web页面的交互，提高开发效率。在实际开发中，可以根据需求灵活运用这些方法。

-- 展开阅读全文 --