webView与js交互

最新推荐文章于 2024-06-05 20:11:08 发布

baishi3958

最新推荐文章于 2024-06-05 20:11:08 发布

阅读量95

点赞数

原文链接：http://www.cnblogs.com/jiangzzz/p/5610292.html

版权

本文详细介绍如何在UIWebView上实现iOS应用与网页元素的交互，包括App调用JS方法和JS调用App方法的具体实现步骤。通过实例演示了如何在点击事件中弹出UITextField进行回复，并使用post请求发送。

摘要由CSDN通过智能技术生成

问：在UIWebView上点击回复，如何使用UITextField进行回复？

答：UIWebView有一个stringByEvaluatingJavaScriptFromString方法，可以将js嵌入页面中，通过这个方法，我们可以在iOS中与web的网页元素交互。通过js获取点击时间，弹出UITextField，输入字符串后，可以通过post请求发送回复。

一、App调用JS方法

　　　　首先app调用js方法使用系统自带的stringByEvaluatingJavaScriptFromString，这里简单实现就在webView加载完成的时候调用js内部alert方法

- (void)webViewDidFinishLoad:(UIWebView *)webView {
    
    // 第一步 app call js method
    [self.webView stringByEvaluatingJavaScriptFromString:@"alert()"];
}

二、JS调用App方法

　　实现思路：使用webView代理方法webView:shouldStartLoadWithRequest:navigationType:(是否允许加载某个请求)拦截JS重定向的URL，然后对URL进行解析

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
    // 第二步  js all app method
    
    NSURL *url = [request URL];

    NSString *urlStr = [url absoluteString];
    NSLog(@"absoluteString --> %@",urlStr);
    
    if ([[url scheme] isEqualToString:@"jscalloc"]) {
        NSArray *arr = [urlStr componentsSeparatedByString:@"://"];
        NSString *methodName = [arr lastObject];
        
        SEL sel = NSSelectorFromString(methodName);
        
        [self performSelector:sel];
    }
    
    return YES;
}

- (void)test {
    
    NSLog(@"i love jiang beibei");
}

　　下面是html部分代码

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
    
<script>
    function action() {
        window.location.href = "jscalloc://test";
    }
</script>

</head>

<body>

<p>我爱姜贝贝</p>
<p>我爱姜贝贝</p>
<p>我爱姜贝贝</p>

<button οnclick="action()">btnbtn</button>

</body>
</html>

本文 Demo传送门

转载于:https://www.cnblogs.com/jiangzzz/p/5610292.html