1，具体的思路如下：

　　在android中写一个Activity，里面写一个webview，这个webview加载本地的一个html文件，显示这个网页，这个网页包括一个用户名和密码的输入框和两个按钮（只有登陆按钮有用），输入用户名密码之后调用android中的类，并把输入的数据传过去，再在android中输出出来（具体你那数据做什么操作就看你的需求了），这样就做到js与android数据交互的效果了：

　　在android端，一些webviwe的设置和自定义类的写法如下源码：

　　package com.example.webview;

　　import android.app.Activity;
　　import android.os.Bundle;
　　import android.webkit.JavascriptInterface;
　　import android.webkit.WebChromeClient;
　　import android.webkit.WebSettings;
　　import android.webkit.WebView;

　　public class MainActivity extends Activity {
　　　　private WebView webview;
　　　　private String URL = "http://192.168.31.122/word2/login.html";//这是你要访问你html文件的存放地址，我这个是放在appache中的word文件夹下的login.html文件
　　　　@Override
　　　　protected void onCreate(Bundle savedInstanceState) {
　　　　　　super.onCreate(savedInstanceState);
　　　　　　setContentView(R.layout.activity_main);
　　　　　　webview = (WebView) findViewById(R.id.webView1);
　　　　　　WebSettings webset = webview.getSettings();
　　　　　　webset.setJavaScriptEnabled(true);// 表示webview可以执行服务器端的js代码
　　　　　　webview.setWebChromeClient(new WebChromeClient(){});
　　　　　　webview.addJavascriptInterface(new JsObject(),"jsObject");
　　　　　　webview.loadUrl(URL);
　　　　}

　　　　public class JsObject {
　　　　　　@JavascriptInterface
　　　　　　public void getMessage(String name, String pwd) {
　　　　　　　　// TODO Auto-generated method stub
　　　　　　　　System.out.println("==="+"name:" + name + "---pwd:" + pwd);
　　　　　　}
　　　　}

　　}

　　而xml比较简单，只是一个比较简单的webview而已，代码如下：

　　<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

　　　　android:layout_width="fill_parent"

　　　　android:layout_height="fill_parent"
　　　　android:orientation="vertical" >

　　　　<WebView
　　　　　　android:id="@+id/webView1"
　　　　　　android:layout_width="match_parent"
　　　　　　android:layout_height="match_parent" />

　　</LinearLayout>

　　对于要加载的html文件只要放在你要访问的地方就可以，比如appache下，具体代码如下：

　　<!DOCTYPE html>

　　<html>
　　　　<head>
　　　　　　<script>
　　　　　　　　function login(){
　　　　　　　　　　var th = document.form;
　　　　　　　　　　var user = th.user.value;
　　　　　　　　　　if(user==""){
　　　　　　　　　　　　alert("请输入用户名!");
　　　　　　　　　　}else{
　　　　　　　　　　　　var name = th.user.value;
　　　　　　　　　　　　var pwd = th.pwd.value;
　　　　　　　　　　　　var name2 = jsObject.getMessage(name,pwd);
　　　　　　　　　　}
　　　　　　　　}
　　　　　　</script>
　　　　</head>
　　　　<body>
　　　　　　<form name='form' method='post' class='form' action=''>
　　　　　　　　<table id='login_table'>
　　　　　　　　　　<tr>
　　　　　　　　　　　　<td>
　　　　　　　　　　　　　　<span>账号:</sapn>
　　　　　　　　　　　　</td>
　　　　　　　　　　　　<td>
　　　　　　　　　　　　　　<input type='text' class='usr' name='user' value=''/>
　　　　　　　　　　　　</td>
　　　　　　　　　　　　<td></td>
　　　　　　　　　　</tr>
　　　　　　　　　　<tr>
　　　　　　　　　　　　<td>
　　　　　　　　　　　　　　<span>密码:</sapn>
　　　　　　　　　　　　</td>
　　　　　　　　　　　　<td>
　　　　　　　　　　　　　　<input type='password' class='psw' name='pwd' value=''/>
　　　　　　　　　　　　</td>
　　　　　　　　　　　　<td></td>
　　　　　　　　　　</tr>
　　　　　　　　　　<tr>
　　　　　　　　　　　　<td></td>
　　　　　　　　　　　　<td>
　　　　　　　　　　　　　　<input type="file" value="上传图片" />
　　　　　　　　　　　　　　<button class='denglu' onclick="login()">登陆</button>
　　　　　　　　　　　　　　<button class='clear'>清空</button>
　　　　　　　　　　　　</td>
　　　　　　　　　　　　<td></td>
　　　　　　　　　　</tr>
　　　　　　　　</table>
　　　　　　</form>
　　　　</body>
　　</html>
　　

WebView之js调用Android类的方法传递数据的更多相关文章

  1. [转]JS调用Android里面的方法，Android调用JS里面的方法

    FROM : http://blog.csdn.net/hj563308597/article/details/45197709 Android WebView 在公司Android的开发过程中遇到一 ...

  2. WebView中JS调用Android Method 遇到的坑整理

    WebView是android中常用的一个组件,其作用是展示网页,并让网页和android app进行一些业务逻辑上的交互. 其坑无数,相信用过的都知道,一个一个来解决吧. 1.怎么互调: <! ...

  3. WebView中Js与Android本地函数的相互调用

    介绍 随着Html5的普及,html在表现力上不一定比原生应用差,并且有很强的扩展兼容性,所以越来越多的应用是采用Html与Android原生混合开发模式实现. 既然要实现混合开发,那么Js与Andr ...

  4. 在webView 中使用JS 调用 Android / IOS的函数 Function

    最近做一个项目,混合了NativeCode 和 HTML,为了便于JS 调用App的一些方法,统一封装一个Js方法,记录如下 Android 端首先要再WebView中允许JS的调用 WebView ...

  5. js调用android本地java代码

    js调用android本地java代码 当在Android上使用WebView控件开发一个Web应用时,可以创建一个通过Javascript调用Android端java代码的接口.也就是可以通过Jav ...

  6. Android与JS混编（js调用android相机）

       参考android相机调用,http://blog.csdn.net/yanzi1225627/article/details/33028041/,谢谢 相机怎么调用就不做赘述了,下面是js调用 ...

  7. PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码

    PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码 看看新闻网>看引擎>开源产品 0人收藏此文章, 发表于8小时前(2013-09-06 00:39) ...

  8. JS调用Android、Ios原生控件

    在上一篇博客中已经和大家聊了,关于JS与Android.Ios原生控件之间相互通信的详细代码实现,今天我们一起聊一下JS调用Android.Ios通信的相同点和不同点,以便帮助我们在进行混合式开发时, ...

  9. js 调用 android 安卓 代码

    说明一下注意版本问题,不加没效果的 @JavascriptInterface //sdk17版本以上加上注解 //Html调用此方法传递数据 public void show() { Toast.ma ...

随机推荐

  1. Jquery跨域读取城市天气预报信息

    最新项目中遇到一个问题,页面需要显示一些天气信息,但是部署网站的服务器没连接外网,只有客户端的电脑能连外网,于是想用js去实现这个功能. 刚开始找了一些方法,单独在浏览器中可以使用,但是在项目中运行的 ...

  2. DataGrid 如何得到DataGridRow 和DataGridCell 对象

    第一行为不可编辑  DataGridRow row = (DataGridRow)dataGrid1.ItemContainerGenerator.ContainerFromIndex(0);     ...

  3. 谦先生的bug日志之hive启动权限问题

    上海尚学堂谦先生的bug日志之hive启动权限问题 这几天开始做新老集群的迁移,今天开始对hive的所有数据进行迁移,主要是表的元信息和表数据.表的元信息我们存在mysql中,跟hive的服务器并不在 ...

  4. ABAP POH和POV事件中 获得屏幕字段的值

    在Screen显示之前,系统会自动将程序变量值放到屏幕字段中:在PAI事件中,系统会自动将屏幕字段的值更新到相应的程序变量. 在Screen Logic中我们还有POH和POV事件,所以有时需要调用函 ...

  5. 开始Java8之旅（四） --四大函数接口

    前言   Java8中函数接口有很多,大概有几十个吧,具体究竟是多少我也数不清,所以一开始看的时候感觉一脸懵逼,不过其实根本没那么复杂,毕竟不应该也没必要把一个东西设计的很复杂. 几个单词   在学习 ...

  6. Django项目搭建和配置总结

    安装和创建虚拟环境 参考:linux系统下Python虚拟环境的安装和使用 安装Django包 先进入虚拟环境,在联网下执行: pip install django==1.8.7 1.8.7表示dja ...

  7. C++点滴20130802

    1.sprintf与printf,fprintf为三兄弟.其中printf输出到屏幕,fprintf输出到文件,而sprintf输出到字符串中.通常情况下,屏幕是可以输出的,文件也可以写的(除非磁盘满 ...

  8. Redis 学习笔记-入门

    Redis特点: 1.速度快 2.支持丰富的数据类型:字符串.哈希列表.集合 3.操作具有原子性,所有Redis操作都是原子操作 4.多实用工具,可应用如缓存,消息队列,应用程序中任何短期数据,如we ...

  9. 树莓派.安装系统+Node.js+MongoDB系列环境

    1.先去树莓派官网下载最新的ROM https://www.raspberrypi.org/downloads/raspbian/ 这里选的是: RASPBIAN JESSIE WITH DESKTO ...

  10. python爬虫xpath

    又是一个大晴天,因为马上要召开十九大,北京地铁就额外的拥挤,人贴人到爆炸,还好我常年挤地铁早已练成了轻功水上漂,挤地铁早已经不在话下. 励志成为一名高级测试工程师的我,目前还只是个菜鸟,难得有机会,公 ...