OC與JS交互之WebViewJavascriptBridge

參考 [iOS] 使用WebViewJavascriptBridge實(shí)現(xiàn)OC與JS交互

詳細(xì)的就不說(shuō)了看上面的文章就可以,只是做了簡(jiǎn)單修改挚歧,實(shí)現(xiàn)跟上面一樣處理檬果。

修改后的地址:demo地址?

示例:


修改后如上圖

JS調(diào)用OC?

JS代碼(這里是找到id為buttons的div 然后創(chuàng)建一個(gè)按鈕泽篮,點(diǎn)擊按鈕之后調(diào)用OC代碼 )

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

callbackButton.innerHTML = '登陸'

callbackButton.onclick = function(e) {

e.preventDefault()

log('點(diǎn)擊了JS的按鈕')

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

callbackButton.innerHTML ='登陸成功'

log('JS got response', response)

})

}

OC中實(shí)現(xiàn)代碼

// 注冊(cè)個(gè)登陸的事件

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

NSLog(@"js登陸傳遞過(guò)來(lái)的數(shù)據(jù):%@",data);

// 調(diào)用登陸方法

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

/// 登陸成功之后傳遞給JS的參數(shù)

responseCallback(success);

}];

OC調(diào)用JS

OC創(chuàng)建一個(gè)注冊(cè)按鈕普气,點(diǎn)擊之后調(diào)用JS

// OC中一個(gè)注冊(cè)按鈕

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

btn.backgroundColor = [UIColor lightGrayColor];

[btn setTitle:@"注冊(cè)" forState:UIControlStateNormal];

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

[self.view addSubview:btn];

// 點(diǎn)擊注冊(cè)按鈕

-(void)btnClickReg:(UIButton *)sender

{

// registerFunc 跟JS協(xié)商的名字? data傳遞給JS的參數(shù)? responseCallback JS收到之后回調(diào)返回的數(shù)據(jù)

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

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

}];

JS中的邏輯

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

log('注冊(cè)收到OC的數(shù)據(jù):', data)

var responseData = { 'success':'你已經(jīng)注冊(cè)成了' }

log('JS打印數(shù)據(jù)', responseData)

responseCallback(responseData)

})

好了谜疤,至此結(jié)束,不懂的看上面的demo就可以了现诀。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末夷磕,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子仔沿,更是在濱河造成了極大的恐慌坐桩,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,248評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件封锉,死亡現(xiàn)場(chǎng)離奇詭異绵跷,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)烘浦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門(mén)抖坪,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)萍鲸,“玉大人闷叉,你說(shuō)我怎么就攤上這事〖挂酰” “怎么了握侧?”我有些...
    開(kāi)封第一講書(shū)人閱讀 153,443評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀(guān)的道長(zhǎng)品擎。 經(jīng)常有香客問(wèn)我埋合,道長(zhǎng),這世上最難降的妖魔是什么萄传? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,475評(píng)論 1 279
  • 正文 為了忘掉前任甚颂,我火速辦了婚禮,結(jié)果婚禮上秀菱,老公的妹妹穿的比我還像新娘振诬。我一直安慰自己,他們只是感情好衍菱,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,458評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布赶么。 她就那樣靜靜地躺著,像睡著了一般脊串。 火紅的嫁衣襯著肌膚如雪辫呻。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,185評(píng)論 1 284
  • 那天琼锋,我揣著相機(jī)與錄音放闺,去河邊找鬼。 笑死缕坎,一個(gè)胖子當(dāng)著我的面吹牛雄人,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播念赶,決...
    沈念sama閱讀 38,451評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼础钠,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了叉谜?” 一聲冷哼從身側(cè)響起旗吁,我...
    開(kāi)封第一講書(shū)人閱讀 37,112評(píng)論 0 261
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎停局,沒(méi)想到半個(gè)月后很钓,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,609評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡董栽,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,083評(píng)論 2 325
  • 正文 我和宋清朗相戀三年码倦,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片锭碳。...
    茶點(diǎn)故事閱讀 38,163評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡袁稽,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出擒抛,到底是詐尸還是另有隱情推汽,我是刑警寧澤补疑,帶...
    沈念sama閱讀 33,803評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站歹撒,受9級(jí)特大地震影響莲组,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜暖夭,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,357評(píng)論 3 307
  • 文/蒙蒙 一锹杈、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧迈着,春花似錦嬉橙、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,357評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至糕韧,卻和暖如春枫振,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背萤彩。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,590評(píng)論 1 261
  • 我被黑心中介騙來(lái)泰國(guó)打工粪滤, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人雀扶。 一個(gè)月前我還...
    沈念sama閱讀 45,636評(píng)論 2 355
  • 正文 我出身青樓杖小,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親愚墓。 傳聞我的和親對(duì)象是個(gè)殘疾皇子予权,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,925評(píng)論 2 344

推薦閱讀更多精彩內(nèi)容