关于webview与JS交互

原创 2015年07月10日 16:01:05

关于Webview与JS交互取值的问题

废话不多说,首先webview与JS交互必须要有webview对JS的支持

webview = (WebView) findViewById(R.id.webview);
WebSettings webSettings = webview.getSettings();
webSettings.setJavaScriptEnabled(true);//webview支持JS


然后在HTML页面上加入JS代码

function androidGetInfo() {
          return  window.demo.getInfo(goodsid, $("#goods_num").val());//调用android 中的getInfo方法。
        }

这其中getinfo()方法里边的参数,就是JS要返回的参数


然后在android中加入

webview.addJavascriptInterface(new Object(){
			@JavascriptInterface//注意这一点很重要,一定要在交互方法上加入这个注解,并导入包(在API大于17的情况下),不然JS就调用不到android中的方法
			public void getInfo(String _goodsid,String _value){
			  goodsid = _goodsid;
			  value = _value;
			}
		}, "demo");


最后要在去返回值的地方执行交互

webview.loadUrl("javascript:androidGetInfo()");


到这里JS已经完成,其中"demo"是android方法和JS绑定的对象,getinfo是交互的方法名,androidGetInfo是Android执行JS中的方法名,可以根据需要自行修改~


好好学习,天天向上,大家共同学习进步




版权声明:本文为博主原创文章,未经博主允许不得转载。

Android:你要的WebView与 JS 交互方式 都在这里了

前言 现在很多App里都内置了Web网页(Hyprid App),比如说很多电商平台,淘宝、京东、聚划算等等,如下图上述功能是由Android的WebView实现的,其中涉及到Android客户端与W...
  • carson_ho
  • carson_ho
  • 2017年03月22日 09:19
  • 80988

如何实现WebView和js页面的交互

WebView默认是不支持js的,要支持js,必须要添加如下设置: WebSettings settings = webView.getSettings(); settings.setJa...
  • mChenys
  • mChenys
  • 2015年11月19日 23:50
  • 6020

android中Webview与javascript的交互(互相调用)

最近做android项目中遇到要在webview中做与js交互相关的东东,涉及到js中调用android本地的方法,于是查了资料整理了一下android和js互相调用的过程。如下demo,demo的主...
  • Beyond0525
  • Beyond0525
  • 2013年07月18日 23:07
  • 147867

Android开发之WebView和JS交互详解

Android提供了一个很强大的WebView控件用来处理Web网页,而在网页中,JavaScript又是一个很举足轻重的脚本。本文将介绍如何实现Java代码和Javascript代码的相互调用。...
  • jiaoyaning1210
  • jiaoyaning1210
  • 2016年03月31日 14:04
  • 776

Android开发中WebView与原生JS的数据交互详解

Android开发中WebView与原生JS的数据交互详解 www.111cn.net 编辑:edit02_lz 来源:转载 分本文来分享详细的在Android开发中,如何利用WebV...
  • qq_25149477
  • qq_25149477
  • 2015年07月03日 17:56
  • 1114

WebView使用与JavaScript交互详解(附完整Demo代码)

最近项目中需要用到与HTML5交互,也就是WebView的使用,与JS的交互肯定必不可少.开始写项目之前写了个测试Demo,成功完成了Java与JS的相互调用.先看效果图 下面上完整代码: 首先在...
  • liuxu841911548
  • liuxu841911548
  • 2017年02月07日 16:03
  • 864

Android WebView、js交互方式原理总结

前言:有些事,明知是错的,也要去坚持,因为不甘心;有些人,明知是爱的,也要去放弃,因为没有结局;有时候,明知没路了,却还在前进,因为习惯了。 精通android的人有,精通javascript的人亦有...
  • longhui9
  • longhui9
  • 2016年10月28日 13:22
  • 4321

Android WebView使用以及与JavaScript进行交互实例

最近项目中使用到了WebView,所有就深入研究了Webview的使用以及与JavaScript进行交互的问题。经过研究,自己也做了一个综合性的例子,以此来记录自己的学习成果。此例子主要实现了WebV...
  • dongdengke123789
  • dongdengke123789
  • 2016年11月24日 11:24
  • 667

WebView的使用以及Android与Js的交互

WebView的官方文档地址:https://developer.android.com/reference/android/webkit/WebView.html 1.想要使用WebView,需要在...
  • u012975370
  • u012975370
  • 2016年11月02日 13:48
  • 866

Android中使用WebView与JS交互全解析

1.概述 首先,需要提出一个概念,那就是hybrid,主要意思就是native原生Android和h5混合开发。为什么要这样做呢?大家可以想象一下针对于同一个活动,如果使用纯native的开发方...
  • btt2013
  • btt2013
  • 2016年11月29日 16:06
  • 948
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:关于webview与JS交互
举报原因:
原因补充:

(最多只允许输入30个字)