Android与JavaScript方法相互调用

来源：互联网发布：javascript 异步编辑：程序博客网时间：2024/06/05 07:44

Activity代码

public class JSandJavaActivity extends Activity {

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

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

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

   array = newJSONArray();
   array.put(object);
   array.put(object2);
  } catch (JSONException e){
   // TODOAuto-generated catch block
   e.printStackTrace();
  }
    return array.toString();
    }
}

HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.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>
<scriptlanguage="javascript">
functionpersonlist(jsons){      //传json对象
  vartable=document.getElementByIdx_x("person");
  vararr=eval_r(jsons);
  for(vari=0;i<arr.length;i++){
   varjsonobj = arr[i];
   vartr = table.insertRow(table.rows.length);
   vartd1 = tr.insertCell(0);
   vartd2 = tr.insertCell(1);
   vartd3 = tr.insertCell(2);
   vartd4 = tr.insertCell(3);
   td1.innerHTML= jsonobj.id;
   td2.innerHTML= jsonobj.name;
   td3.innerHTML= jsonobj.age;
   td4.innerHTML= jsonobj.address;
  }
}
</script>
</head>
<body onload="caller.show()"> //调用java中的函数
<table width="100%"id="person">
<trbgcolor="#33FFFF">
    <td>id</td>
       <td>name</td>
       <td>age</td>
       <td>address</td>
   </tr>
   
</table>
</body>
</html>