js调用oc并获得返回值
在JavaScript（JS）与Objective-C（OC）的交互中，通常是在iOS应用开发中使用WebView（如WKWebView）时遇到的场景。JS调用OC并获得返回值的过程一般通过以下方式实现：
基础概念
- JS与OC交互：在iOS中，WebView提供了JS与OC之间通信的桥梁。JS可以通过特定的调用方式触发OC中的方法，并且可以接收OC返回的数据。
实现方式
- WKWebView配置：
- 使用
WKWebViewConfiguration来配置WebView。 - 设置
WKScriptMessageHandler来处理从JS发送过来的消息。
- 使用
- JS调用OC：
- JS通过
window.webkit.messageHandlers.<handlerName>.postMessage(<message>)来调用OC中的方法。 <handlerName>是你在OC中设置的处理器名称。<message>是传递给OC的消息，可以是字符串、数字或JSON对象。
- JS通过
- OC处理JS调用并返回值：
- 在OC中实现
WKScriptMessageHandler协议的userContentController:didReceiveScriptMessage:方法来接收JS的消息。 - 处理完消息后，可以通过设置回调或者使用其他机制将结果返回给JS。
- 在OC中实现
示例代码
OC端：
// ViewController.m
#import "ViewController.h"
#import <WebKit/WebKit.h>
@interface ViewController () <WKScriptMessageHandler>
@property (nonatomic, strong) WKWebView *webView;
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init];
WKUserContentController *userContentController = [[WKUserContentController alloc] init];
[userContentController addScriptMessageHandler:self name:@"nativeHandler"];
configuration.userContentController = userContentController;
self.webView = [[WKWebView alloc] initWithFrame:self.view.bounds configuration:configuration];
[self.view addSubview:self.webView];
NSString *htmlPath = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"];
NSString *htmlString = [NSString stringWithContentsOfFile:htmlPath encoding:NSUTF8StringEncoding error:nil];
[self.webView loadHTMLString:htmlString baseURL:[NSBundle mainBundle].resourceURL];
}
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message {
if ([message.name isEqualToString:@"nativeHandler"]) {
NSDictionary *body = message.body;
NSString *action = body[@"action"];
if ([action isEqualToString:@"getInfo"]) {
NSDictionary *response = @{@"result": @"Hello from OC!"};
NSError *error;
NSData *jsonData = [NSJSONSerialization dataWithJSONObject:response options:0 error:&error];
NSString *jsonString = [[NSString alloc] initWithData:jsonData encoding:NSUTF8StringEncoding];
[self.webView evaluateJavaScript:[NSString stringWithFormat:@"receiveInfoFromOC('%@')", jsonString] completionHandler:nil];
}
}
}
@endJS端：
<!-- index.html -->
<!DOCTYPE html>
<html>
<head>
<title>JS调用OC示例</title>
<script>
function callNative() {
window.webkit.messageHandlers.nativeHandler.postMessage({action: "getInfo"});
}
function receiveInfoFromOC(info) {
alert(info.result);
}
</script>
</head>
<body>
<button onclick="callNative()">调用OC方法</button>
</body>
</html>优势
- 灵活性：JS和OC可以互相调用，实现复杂的交互逻辑。
- 动态性：可以在运行时动态地调用OC方法，不需要重新编译应用。
应用场景
- 混合开发：在混合应用开发中，可以使用JS来处理前端逻辑，而OC处理后端逻辑。
- 动态内容更新：可以在不刷新页面的情况下，通过JS调用OC来更新页面内容。
注意事项
- 安全性：在JS和OC交互时，需要注意数据的安全性和有效性，防止注入攻击。
- 性能：频繁的JS和OC交互可能会影响应用的性能，应合理使用。
通过上述方式，JS可以调用OC的方法并接收返回值，实现前后端的无缝对接。
相关·内容
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
