ホームページ > ウェブフロントエンド > jsチュートリアル > OCとJSの相互作用を実現する方法

OCとJSの相互作用を実現する方法

零到壹度
リリース: 2018-04-13 16:44:34
オリジナル
1698 人が閲覧しました

この記事で共有した内容は、OC と JS の間の相互作用を実現する方法です。必要な友人はそれを参照できます

最初の内容: JS による値の転送。 JavaScriptCore フレームワークを使用して OC に変換します。

oc code

#import <JavaScriptCore/JavaScriptCore.h>
ログイン後にコピー
- (void) webViewDidFinishLoad:(UIWebView *)webView{
    JSContext *context = [webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
    context[@"favQues"] = ^{
        NSArray *a = [JSContext currentArguments];
        for (id obj in a) {
            NSLog(@"obj:%@",obj);
        }
    };
}
ログイン後にコピー

ここで、favQues は JS でデータを返す関数、obj は JS によって OC に渡される値です。

JS コード

function QMAction(id, subject, el) {
    favQues(id,subject,el);
}
ログイン後にコピー

ここで、QMAction は HTML のメソッド、id、subject、el は渡されるパラメーター、favQues はデータを返す関数であり、OC コード内のデータと一致している必要があります。 。


2 番目: JS はカスタム URL メソッドを使用して OC に値を渡します。

OC コード

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{
    NSString *requestUrlStr = [[request.URL absoluteString] stringByRemovingPercentEncoding];
    if ([requestUrlStr hasPrefix:@"objc://"]) {
        NSArray *a = [requestUrlStr componentsSeparatedByString:@"://"];
        NSString *paramStr = a[1];
        NSArray *a1 = [paramStr componentsSeparatedByString:@":/"];
        if (a1.count > 0) {
            NSLog(@"%@-%@",a1[1],a1[2]);
        }else{
            NSLog(@"没有参数");
        }
        return NO;
    }
    return YES;
}
ログイン後にコピー

JS コード

function QMAction(at, id, subject, el) {
    window.location.href="objc://"+":/"+subject+":/"+id;
}
ログイン後にコピー

ここで、objc:// はバックエンドとネゴシエートされたカスタム プロトコル ヘッダーの件名であり、id は JS によって OC に渡される値であり、次のように区切られています。開ける。

関連する推奨事項:

OCとJSの間の相互作用

OCとJSの間の相互作用

以上がOCとJSの相互作用を実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート