Android和H5（JS）简单交互

时间：2023-02-10 14:51:30

接着上一篇《WebView简单使用》加载好界面之后要有一个需求就是当用户点击页面上的一个按钮时，JS要调用Android本地的方法，下面就说下JS怎样调用Android本地的方法的：
首先需要先配置WebView可以调用JS方法的权限，
WebSettings webSettings = mWebView .getSettings();
webSettings.setJavaScriptEnabled(true);
然后需要声明一个类，在这个类中创建JS需要调用的Android本地的Java方法，并且要用@JavascriptInterface来进行注解！从注解的字面意思看其实就是定义了一个JS需要调用的一个接口，例如：

public class JsInteration {
@JavascriptInterface
public String back() {
return “hello world”;
}
那么在js中怎么来调用呢？

function s(){ //调用Java的back()方法 **var result =window.android.back();** document.getElementById("p").innerHTML=result; }

注意这里的方法名一定要是一样的！
在上面都做好之后，最关键的一步就是对这个接口进行注册，其实就是调用 mWebView.addJavascriptInterface()方法！
mWebView.addJavascriptInterface(new JsInteration(), “android”);
第一个参数就是我们建的这个类的实例对象，第二个参数就是一个类似标签的字符串，其实就是一个可以让JS识别这个实例对象的名称！
到这里JS调用Android本地方法已经介绍完了，下面就是介绍一下Android本地调用JS方法，在工作中，H5界面通过JS调用Android本地的扫二维码功能，然后Android会获取一个条信息，需要讲这条信息更新到之前的H5界面上，这时候就需要调用JS方法来更新H5界面了！

若调用的js方法没有返回值，则直接可以调用mWebView.loadUrl(“javascript:do()”);其中do是js中的方法；例如：
webView.loadUrl(“javascript:setNo(‘” + mid + “’)”);这个“javascript:”一定不能少，setNo是方法名，还可以传递参数，但是在传递参数的时候记得要加“‘”单引号，不然会报错找不到资源！这样JS那边就会这行这个方法并且拿到我们传递的参数来更新H5界面数据！
若有返回值时我们可以调用mWebView.evaluateJavascript()方法：
这个方法必须是API19以后才能使用
mWebView.evaluateJavascript(“sum(1,2)”, new ValueCallback() {
@Override
public void onReceiveValue(String value) {
Log.e(TAG, “onReceiveValue value=” + value);
}
});
这里Android和H5简单交互就介绍完了！当然肯定还要加访问互联网的权限了，这个别忘了！
标签：

相关文章