Android与JavaScript方法相互调用

最新推荐文章于 2024-06-21 16:41:46 发布

weixin_33721427

最新推荐文章于 2024-06-21 16:41:46 发布

阅读量77

点赞数

文章标签： javascript 移动开发 xhtml ViewUI

原文链接：http://www.cnblogs.com/xiaowangba/archive/2012/12/11/6314372.html

版权

Activity代码

public class JSandJavaActivity extends Activity {

WebView webView= null;
Handler handler = new Handler();//进行异步通讯
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        webView = (WebView) this.findViewById(R.id.webview);
        webView.getSettings().setJavaScriptEnabled(true);//只有设为true才能与javascript进行通讯
        webView.addJavascriptInterface(new Object(){//让javascript能调用java中的方法
         public void show(){
          handler.post(new Runnable(){
     @Override
     public void run() {
      //webView.loadUrl("javascript:pageini()");
      webView.loadUrl("javascript:personlist('"+query()+"')");//调用javascript函数
     }
          });
        }
        }, "caller");
        String path="file:///android_asset/test.html";
        webView.loadUrl(path);//载入页面
    }

    public static String query(){//构造json对象
    JSONArray array = null;
  try {
   JSONObject object = new JSONObject();
   object.put("id", 1);
   object.put("name","lybeen");
   object.put("age", 23);
   object.put("address", "HZ");

   JSONObject object2 = new JSONObject();
   object2.put("id", 2);
   object2.put("name","lybeen2");
   object2.put("age", 24);
   object2.put("address", "SH");

   array = new JSONArray();
   array.put(object);
   array.put(object2);
  } catch (JSONException e) {
   // TODO Auto-generated catch block
   e.printStackTrace();
  }
    return array.toString();
    }
}

HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
function personlist(jsons){      //传json对象
  var table=document.getElementByIdx_x("person");
  var arr=eval_r(jsons);
  for(var i=0;i<arr.length;i++){
   var jsonobj = arr[i];
   var tr = table.insertRow(table.rows.length);
   var td1 = tr.insertCell(0);
   var td2 = tr.insertCell(1);
   var td3 = tr.insertCell(2);
   var td4 = tr.insertCell(3);
   td1.innerHTML = jsonobj.id;
   td2.innerHTML = jsonobj.name;
   td3.innerHTML = jsonobj.age;
   td4.innerHTML = jsonobj.address;
  }
}
</script>
</head>
<body οnlοad="caller.show()"> //调用java中的函数
<table width="100%" id="person">
<tr bgcolor="#33FFFF">
    <td>id</td>
        <td>name</td>
        <td>age</td>
        <td>address</td>
    </tr>
    
</table>
</body>
</html>

转载于:https://www.cnblogs.com/xiaowangba/archive/2012/12/11/6314372.html

weixin_33721427

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Android与JavaScript方法相互调用

Activity代码public class JSandJavaActivity extends Activity {WebView webView= null;Handler handler = new Handler();//进行异步通讯@Override public voidonCreate(Bundle savedInstanceSta...
复制链接

扫一扫