android js与原生互调

本文介绍: 1.原生调用 js (1)loadUrl 方法 //js 方法带参数的参数为字符串需要加单引号 javascript：方法名（参数名） id _webview.loadUrl(“javascript:nativeCallToJS(“+”‘hello x i a oc h eng‘”+”)”); //原生调JS带参数的方法 function nativeCallToJS(param) { alert(param); }(2)e va…

1.原生调用js 
(1)loadUrl方法

        //js方法带参数的 参数为字符串需要加单引号 javascript：方法名 （参数名）
        id_webview.loadUrl("javascript:nativeCallToJS("+"'hello xiaocheng'"+")");

    //原生调JS带参数的方法
    function nativeCallToJS(param) {
        alert(param);
    }

(2) eva lua teJavascript 方法

    //原生调用js 获取返回值 returnResult： js定义的方法 （）不能少
    public void nativeCallToJS2(){
        id_webview.evaluateJavascript("returnResult()", new ValueCallback&lt;String>() {
            @Override
            public void onReceiveValue(String value) {
                Toast.makeText(MainActivity.this,"我是调用js返回的数据："+value,Toast.LENGTH_LONG).show();
            }
        });
    }

    //原生调JS获取返回值
    function returnResult(){
        return 1 + 2;
    }

2.js调用原生

(1)通过WebView的addJavaSc riptInter face()进行对象映射

//1.添加js接口 有这个才能通信 mainActivity统一标识 js与原生标识要一致
id_webview.addJavascriptInterface(MainActivity.this,"mainActivity1");



//2.Js调用原生方法跳页传值
@JavascriptInterface
   public void jsCallNativeToActivity(String msg){
        Intent intent = new Intent(this,SecondActivity.class);
        intent.putExtra("msg",msg);
        startActivity(intent);
   }

    //Js调用原生方法跳页传值
    function jsCallNativeToActivity(param){
        window.mainActivity1.jsCallNativeToActivity(param);
    }

(2)WebViewClient的ShouldOverr ideUrlLoa ding() 方法进行回调拦截

@Override
  public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
      //通常根据scheme（协议格式） &amp; authority（协议名）判断（前两个参数）
      Uri uri = Uri.parse(request.getUrl().toString());
      if (uri.getScheme().equals("org")) {
          if (uri.getAuthority().equals("professor")) {
              LogUtils.i(uri.getQueryParameter("arg1"));
          }
          return true;
      }

      return super.shouldOverrideUrlLoading(view, request);
  }

 function callAndroid(){
  	//协议org://professor?arg1=com&amp;arg2=test
    document.location = "org://professor?arg1=111&amp;arg2=222";
}

(3) WebChro meClient 的onJsAlert()、onJsConfirm()、onJsPro mpt（）方法回调分别拦截JS对话框

@Override
  public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) {

      //通常根据scheme（协议格式） &amp; authority（协议名）判断（前两个参数）
      Uri uri = Uri.parse(url);
      if (uri.getScheme().equals("org")) {
          if (uri.getAuthority().equals("professor")) {
              LogUtils.i(uri.getQueryParameter("arg1"));
              //参数result:表明消息框的返回值(输入值)
              result.confirm("js调用了Android的方法成功啦");
          }
          return true;
      }

      return super.onJsPrompt(view, url, message, defaultValue, result);
  }

function callAndroid(){
    //document.location = "org://professor?arg1=111&arg2=222";
    var result=prompt("org://professor?arg1=111&arg2=222");
    alert("demo " + result);
}