参考 [iOS] 使用WebViewJavascriptBridge实现OC与JS交互

详细的就不说了看上面的文章就可以，只是做了简单修改，实现跟上面一样处理。

修改后的地址：demo地址 

示例：

JS调用OC 

JS代码（这里是找到id为buttons的div 然后创建一个按钮，点击按钮之后调用OC代码 ）

var callbackButton = document.getElementById('buttons').appendChild(document.createElement('button'))

callbackButton.innerHTML = '登陆'

callbackButton.onclick = function(e) {

e.preventDefault()

log('点击了JS的按钮')

bridge.callHandler('loginFunc', {'typeId': '100001'}, function(response) {

callbackButton.innerHTML ='登陆成功'

log('JS got response', response)

})

}

OC中实现代码

// 注册个登陆的事件

[_bridge registerHandler:@"loginFunc" handler:^(id data, WVJBResponseCallback responseCallback) {

NSLog(@"js登陆传递过来的数据：%@",data);

// 调用登陆方法

NSString *success=  [self logIn:data[@"typeId"]];

/// 登陆成功之后传递给JS的参数

responseCallback(success);

}];

OC调用JS

OC创建一个注册按钮，点击之后调用JS

// OC中一个注册按钮

UIButton *btn = [[UIButton alloc]initWithFrame:CGRectMake(150, 70, 80, 30)];

btn.backgroundColor = [UIColor lightGrayColor];

[btn setTitle:@"注册" forState:UIControlStateNormal];

[btn addTarget:self action:@selector(btnClickReg:) forControlEvents:UIControlEventTouchUpInside];

[self.view addSubview:btn];

// 点击注册按钮

-(void)btnClickReg:(UIButton *)sender

{

// registerFunc 跟JS协商的名字  data传递给JS的参数  responseCallback JS收到之后回调返回的数据

[_bridge callHandler:@"registerFunc" data:@{ @"mobile":@"10086"} responseCallback:^(id responseData) {

NSLog(@"%@",responseData[@"success"]);

}];

JS中的逻辑

bridge.registerHandler('registerFunc', function(data, responseCallback) {

log('注册收到OC的数据：', data)

var responseData = { 'success':'你已经注册成了' }

log('JS打印数据', responseData)

responseCallback(responseData)

})

好了，至此结束，不懂的看上面的demo就可以了。