免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

Android開發之WebView與js的數據傳遞-創新互聯

在Android開發中不可避免的會出現，使用一個WebView來顯示一個h6頁面。如果僅僅只是顯示h6頁面,這不需要特殊的處理，但是很多情況下會出現，js和WebView的交互。比如：將html表單中的數據，傳遞到Activity中，在Activity中對數據校驗，再上傳到服務器。

成都創新互聯是一家集網站建設,綠春企業網站建設,綠春品牌網站建設,網站定制,綠春網站建設報價,網絡營銷,網絡優化,綠春網站推廣為一體的創新建站企業，幫助傳統企業提升企業形象加強企業競爭力。可充分滿足這一群體相比中小企業更為豐富、高端、多元的互聯網需求。同時我們時刻保持專業、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們為更多的企業打造出實用型網站。

    那么js和WebView如何進行的交互的呢？

    創建AndroidHtml項目。主要代碼如下：

MainActivity.java:

    private WebView mWebView;
    public static final String URL_TEST="file:///android_asset/index.html";

    @SuppressLint("JavascriptInterface")
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mWebView = (WebView) findViewById(R.id.webView);
        WebSettings settings = mWebView.getSettings();
        settings.setJavaScriptEnabled(true);

        mWebView.loadUrl(URL_TEST);
        //addJavascriptInterface這個方法中有兩個參數，第一個參數是添加一個對象，這個對象中封裝了在js中要調用的native方法，第二個參數是告訴js對象的名稱以便于調用native方法
        mWebView.addJavascriptInterface(this,"zzh");//
    }

    @JavascriptInterface//android 4.2之上的版本需要加上這個注解，表示將這個方法暴露給js調用
    public void callAndroidNativeMethod(String str){
        Log.d("MainActivity","---方法被執行了！！！-");
        Toast.makeText(this, "---"+str, Toast.LENGTH_LONG).show();
    }

注解@JavascriptInterface注解在Android版本4.2之上必須要加上。Google官方的解釋是

Caution: If you've set your targetSdkVersion to 17 or higher, you must add the @JavascriptInterface annotation to any method that you want available to your JavaScript (the method must also be public). If you do not provide the annotation, the method is not accessible by your web page when running on Android 4.2 or higher.

index.html:

<!DOCTYPE html>
<HTML lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <script type="text/javascript" language="javascript">
            function callAndroidNativeMethod(){
                window.zzh.callAndroidNativeMethod("js中的數據傳遞到了Android中了");
            }
        </script>
    </head>
    <body>
        <button onclick="callAndroidNativeMethod()">點擊調用Java代碼</button>
    </body>
</HTML>

activity_main.xml中的布局是：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.zzh.androidhtml.MainActivity">
    <Button
        android:id="@+id/button"
        android:text="Java調用js方法"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
    <WebView
        android:id="@+id/webView"
        android:layout_below="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></WebView>
</RelativeLayout>

好了，上面就是js中如何調用Android Native方法。下面來說說Android Native中怎么調用js方法（要注意Native中調用js方法來處理Android中的業務邏輯的效率差，不建議使用此方式處理Android業務邏輯，但是也要知道如何使用）。

private WebView mWebView;
public static final String URL_TEST="file:///android_asset/index.html";

@SuppressLint("JavascriptInterface")
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    mWebView = (WebView) findViewById(R.id.webView);
    WebSettings settings = mWebView.getSettings();
    settings.setJavaScriptEnabled(true);

    mWebView.loadUrl(URL_TEST);
    mWebView.addJavascriptInterface(this,"zzh");

    findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            mWebView.loadUrl("javascript:callJavaScriptMethod()");
        }
    });
}

@JavascriptInterface//android 4.2之上的版本需要加上這個注解，表示將這個方法暴露給js調用
public void callAndroidNativeMethod(String str){
    Log.d("MainActivity","---方法被執行了！！！-");
    Toast.makeText(this, "---"+str, Toast.LENGTH_LONG).show();
}

index.html文件比較簡單

<!DOCTYPE html>
<HTML lang="zh-CN">
<head>
    <meta charset="utf-8">
    <script type="text/javascript" language="javascript">
            function callAndroidNativeMethod(){
                window.zzh.callAndroidNativeMethod("js中的數據傳遞到了Android中了");
            }
            function callJavaScriptMethod(){
                document.getElementById("content").innerHTML += "<br\>java調用了js函數";
            }
    </script>
</head>
<body>
<button onclick="callAndroidNativeMethod()">點擊調用Java代碼</button>
<div id="content"></div>
</body>
</HTML>

 示例比較簡單，注釋也寫的比較清楚不做過多的講解，全憑自己領悟。

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

當前標題：Android開發之WebView與js的數據傳遞-創新互聯
文章位置：http://m.newbst.com/article0/dcgjoo.html

成都網站建設公司_創新互聯，為您提供品牌網站設計、關鍵詞優化、定制開發、網站建設、標簽優化、響應式網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

商城網站建設