[IOS經(jīng)驗(yàn)總結(jié)]UIWebView與JS之間的數(shù)據(jù)交互(轉(zhuǎn)自神州iOS)

[IOS經(jīng)驗(yàn)總結(jié)]UIWebView與JS之間的數(shù)據(jù)交互

[IOS經(jīng)驗(yàn)總結(jié)]UIWebView與JS之間的數(shù)據(jù)交互练慕,有需要的朋友可以參考下唯灵。

在IOS中原生控件很多.能自定義的控件也很多.但在視圖界面的開發(fā)上如果用原生的控件去做就顯得非常麻煩了.在我已知的技術(shù)中擁有最便捷和效果最好的視圖技術(shù)展示技術(shù)中.最優(yōu)秀的就要屬網(wǎng)頁.假如用到HTML來展示視圖界面的話.我們就需要一個(gè)承載的容器.這個(gè)容器IOS已經(jīng)幫我們提供好了,那就是我們今天的主角UIWebView控件.

準(zhǔn)備工作:

一個(gè)完整的html頁面.

一.將html網(wǎng)頁加載進(jìn)入U(xiǎn)IWebView容器中

在"-(void)viewDidLoad”方法中加入如下代碼

NSString*webPath = [[NSBundlemainBundle]pathForResource:@“HelloWord"ofType:@"html”];//獲取文件路徑

NSURL*webURL = [NSURLfileURLWithPath:webPath];//通過文件路徑字符串設(shè)置URL

NSURLRequest*URLRequest = [NSURLRequestrequestWithURL:webURL];//設(shè)置請求提交的相關(guān)URL

[self.webViewloadRequest:URLRequest];//提交請求

二.加入U(xiǎn)IWebViewDelegate委托(如果想要進(jìn)行相應(yīng)的數(shù)據(jù)交互必須添加相應(yīng)的我委托)

1.-(BOOL)webView:(UIWebView

*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType//html頁面的js動(dòng)作觸發(fā)時(shí)運(yùn)行

2.-(void)webViewDidFinishLoad:(UIWebView

*)webView //html加載完后觸發(fā)

三.OC提交JS請求.運(yùn)行JS方法

[self.webViewstringByEvaluatingJavaScriptFromString:@”方法名(%@)",參數(shù)]];

四.JS提交請求到OC

在-(BOOL)webView:(UIWebView*)webView

shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType中添加如下代碼:

NSString*requestString = [[requestURL]absoluteString];//獲取請求的絕對路徑.

NSArray*components = [requestStringcomponentsSeparatedByString:@":”];//提交請求時(shí)候分割參數(shù)的分隔符

if([componentscount]

>1&& [(NSString

*)[componentsobjectAtIndex:0]isEqualToString:@"testapp"])

{

//過濾請求是否是我們需要的.不需要的請求不進(jìn)入條件

if([(NSString

*)[componentsobjectAtIndex:1]isEqualToString:@"change"])

{

//所要執(zhí)行的操作

}

returnNO;

}

returnYES;

五.HTML中JS的寫法.

1.接收請求的方法寫法

functionfund(){

//操作

}

2.提交請求的方法寫法

functionsendCommand(cmd,param){

varurl="testapp:"+cmd+":"+param;//組合請求字符串

document.location = url;//提交的請求

}

最后附上例子程序(傳送陣):

http://download.csdn.net/detail/fqcl992/692937

文/神州iOS(簡書作者)

原文鏈接:http://www.reibang.com/p/d3d8c11629ff#

著作權(quán)歸作者所有注祖,轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),并標(biāo)注“簡書作者”体谒。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末窘问,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子隧期,更是在濱河造成了極大的恐慌飒责,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,294評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件仆潮,死亡現(xiàn)場離奇詭異宏蛉,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)性置,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,493評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門拾并,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人鹏浅,你說我怎么就攤上這事嗅义。” “怎么了隐砸?”我有些...
    開封第一講書人閱讀 157,790評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵之碗,是天一觀的道長。 經(jīng)常有香客問我季希,道長褪那,這世上最難降的妖魔是什么幽纷? 我笑而不...
    開封第一講書人閱讀 56,595評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮博敬,結(jié)果婚禮上友浸,老公的妹妹穿的比我還像新娘。我一直安慰自己偏窝,他們只是感情好收恢,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,718評(píng)論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著囚枪,像睡著了一般派诬。 火紅的嫁衣襯著肌膚如雪劳淆。 梳的紋絲不亂的頭發(fā)上链沼,一...
    開封第一講書人閱讀 49,906評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音沛鸵,去河邊找鬼括勺。 笑死,一個(gè)胖子當(dāng)著我的面吹牛曲掰,可吹牛的內(nèi)容都是我干的疾捍。 我是一名探鬼主播,決...
    沈念sama閱讀 39,053評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼栏妖,長吁一口氣:“原來是場噩夢啊……” “哼乱豆!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起吊趾,我...
    開封第一講書人閱讀 37,797評(píng)論 0 268
  • 序言:老撾萬榮一對情侶失蹤宛裕,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后论泛,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體揩尸,經(jīng)...
    沈念sama閱讀 44,250評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,570評(píng)論 2 327
  • 正文 我和宋清朗相戀三年屁奏,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了岩榆。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,711評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡坟瓢,死狀恐怖勇边,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情折联,我是刑警寧澤粒褒,帶...
    沈念sama閱讀 34,388評(píng)論 4 332
  • 正文 年R本政府宣布,位于F島的核電站崭庸,受9級(jí)特大地震影響怀浆,放射性物質(zhì)發(fā)生泄漏谊囚。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,018評(píng)論 3 316
  • 文/蒙蒙 一执赡、第九天 我趴在偏房一處隱蔽的房頂上張望镰踏。 院中可真熱鬧,春花似錦沙合、人聲如沸奠伪。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,796評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽绊率。三九已至,卻和暖如春究履,著一層夾襖步出監(jiān)牢的瞬間滤否,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,023評(píng)論 1 266
  • 我被黑心中介騙來泰國打工最仑, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留藐俺,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,461評(píng)論 2 360
  • 正文 我出身青樓泥彤,卻偏偏與公主長得像欲芹,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子吟吝,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,595評(píng)論 2 350

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

  • iOS開發(fā)系列--網(wǎng)絡(luò)開發(fā) 概覽 大部分應(yīng)用程序都或多或少會(huì)牽扯到網(wǎng)絡(luò)開發(fā)菱父,例如說新浪微博、微信等剑逃,這些應(yīng)用本身可...
    lichengjin閱讀 3,648評(píng)論 2 7
  • OS之UIWebView的使用 剛接觸IOS開發(fā)1年多浙宜,現(xiàn)在對于 混合式 移動(dòng)端開發(fā)越來越流行,因?yàn)殚_發(fā)成本上炕贵、速...
    知之未道閱讀 1,653評(píng)論 0 4
  • 一、簡介 近兩年隨著HTML5的迅速發(fā)展與日趨成熟鳖轰,越來越多的移動(dòng)開發(fā)者選擇使用HTML5來進(jìn)行混合開發(fā)清酥,不僅節(jié)約...
    RainyGY閱讀 1,860評(píng)論 1 12
  • http://www.cnblogs.com/mddblog/p/5281748.html 一、整體介紹 UIWe...
    F麥子閱讀 1,229評(píng)論 0 2
  • 知道簡書這個(gè)軟件是無意中的∪柚荆現(xiàn)在想用這個(gè)軟件來記錄下來我和他之間的故事蝠筑。 我跟他是2013.10.20確定關(guān)系的。...
    蛋蛋的世界閱讀 282評(píng)論 3 3