欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android傳遞參數(shù)給webView的h5頁面3種方法

 更新時間:2024年08月14日 09:38:28   作者:月色月石  
最近幾年隨著h5的強勢崛起,越來越多的公司運用h5開發(fā)或者采用h5與android的混合開發(fā),這篇文章主要給大家介紹了關(guān)于Android傳遞參數(shù)給webView的h5頁面的3種方法,需要的朋友可以參考下

1.最簡單的方式是通過URL參數(shù)將數(shù)據(jù)傳遞給H5頁面

Android可以通過WebView的loadUrl()方法加載帶有參數(shù)的URL,H5頁面可以通過解析URL來獲取參數(shù)值。
首先,在Android端構(gòu)造帶有參數(shù)的URL,然后加載該URL到WebView中:

    WebView webView = findViewById(R.id.webView); 
    String param1 = "value1";
    String param2 = "value2";
    String url = " + param1 + "&param2=" + param2;
    webView.loadUrl(url);

在H5頁面中,可以通過解析URL獲取參數(shù)值:

    function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
    results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
    }

    var param1 = getParameterByName('param1');
    var param2 = getParameterByName('param2');

2.使用JavascriptInterface傳遞參數(shù),即H5頁面調(diào)用Android的方法

通過JavascriptInterface在Android端和H5頁面之間建立橋梁,實現(xiàn)雙向通信,即通過addJavascriptInterface()方法將一個Java對象注入到WebView中,H5頁面可以通過該對象調(diào)用Android端的方法獲取參數(shù)值。

1.自定義一個MyJavascriptInterface類,并且在類中實現(xiàn)接受到消息之后的操作和要給h5傳遞的數(shù)據(jù)。
2.創(chuàng)建MyJavascriptInterface類對象,將對象傳給webView.addJavascriptInterface(myJavascriptInterface, “Android”)。

   public class MyJavascriptInterface {
        @JavascriptInterface
        public String sendData(string str) {
           //處理從h5頁面參數(shù)獲取到的數(shù)據(jù)
        }

        @JavascriptInterface
        public String getDeviceInfo() {
        	//h5頁面調(diào)用此方法即可獲取到String 類型的數(shù)據(jù)
           return stationPoints;
        } 

         @JavascriptInterface
         public String getAllDefect() {
              //給h5發(fā)送復雜數(shù)據(jù)用Gson
             return new Gson().toJson(report.getAppDefectDtos());
         }
   }
   WebView webView = findViewById(R.id.webView);
   webView.getSettings().setJavaScriptEnabled(true);
   MyJavascriptInterface myJavascriptInterface = new MyJavascriptInterface();
   webView.addJavascriptInterface(myJavascriptInterface, "Android");
   webView.loadUrl()

在h5頁面中可以調(diào)用Android給的接口:

  //發(fā)簡單數(shù)據(jù)
  function sendData(str){
     Android.sendData(str)
  }

  //h5收數(shù)據(jù)
  var deviceInfo = JSON.parse(window.android.getDeviceInfo());
  
  //給h5收復雜數(shù)據(jù)用json
  let JsondefectData = JSON.parse(defectData);

3.使用WebView的evaluateJavascript方法傳遞參數(shù)即Android調(diào)用h5的方法

在Android端直接執(zhí)行JavaScript代碼,并傳遞參數(shù)給H5頁面。

Android調(diào)用了h5的callJS()方法,然后收到了一個返回值(此處的callJS方法也可攜帶參數(shù)進行交互)

  // 假設(shè)你有一個參數(shù)叫做 paramValue  
String paramValue = "你的參數(shù)值";  
  
// 確保參數(shù)值被正確轉(zhuǎn)義,特別是如果它包含特殊字符或引號  
// 在這個例子中,我們只是簡單地將它用單引號括起來,但在實際情況中可能需要更復雜的轉(zhuǎn)義  
String javaScriptCode = "javascript:callJS('" + paramValue.replace("'", "\\'") + "');";  
  
mWebView.evaluateJavascript(javaScriptCode, new ValueCallback<String>() {  
    @Override  
    public void onReceiveValue(String value) {  
        // 此處為 js 返回的結(jié)果  
        Log.d("WebView", "Received value from JavaScript: " + value);  
    }  
});

在H5頁面中,可以定義一個receiveParams()函數(shù)來接收參數(shù):

  function callJS(param) {  
    // 在這里使用 param 參數(shù)  
    console.log("Received parameter from Android: " + param);  
    // ...其他代碼...  
}

總結(jié) 

到此這篇關(guān)于Android傳遞參數(shù)給webView的h5頁面的文章就介紹到這了,更多相關(guān)Android傳遞參數(shù)給h5頁面內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評論