Js呼叫Java方法並互相傳參

李路平發表於2014-08-26
JSJava

Js通過PhoneGap呼叫Java方法並互相傳參的。

一、JAVA程式碼

寫一個類，該類繼承自Plugin並重寫execute方法。

import org.json.JSONArray;
import android.app.Activity;
import android.app.AlertDialog;
import android.content.ActivityNotFoundException;
import android.content.DialogInterface;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import com.phonegap.api.PhonegapActivity;
import com.phonegap.api.Plugin;
import com.phonegap.api.PluginResult;

public class PluginTest extends Plugin {

　　 public static String ACTION = "hello";

    public PluginTest() {
    }

    /**
     * Executes the request and returns PluginResult.
     *
     * @param action         The action to execute.
     * @param args             JSONArray of arguments for the plugin.
     * @param callbackId    The callback id used when calling back into JavaScript.
     * @return                 A PluginResult object with a status and message.
     */
    @Override
    public PluginResult execute(String action, JSONArray args, String callbackId) {
        try {
            JSONObject jsonObj = new JSONObject();//可以返回給JS的JSON資料
            if (action.equals("hello")) {
                String str1= args.getString(0); //獲取第一個引數
                String str2= args.getString(1); //獲取第二個引數
                jsonObj.put("str1", str1+"1");  //把引數放到JSONObject物件中
                jsonObj.put("str2", str2+"2");　 //把引數放到JSONObject物件中
            }
            PluginResult r = new PluginResult(PluginResult.Status.OK,jsonObj);
            return r;
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

 

二、在plugins.xml中配置外掛

在plugins.xml檔案中新增對新外掛的配置資訊

<?xml version="1.0" encoding="utf-8"?>
<plugins>
    <plugin name="App" value="com.phonegap.App"/>
    <plugin name="Geolocation" value="com.phonegap.GeoBroker"/>
    <plugin name="Device" value="com.phonegap.Device"/>
    <plugin name="Accelerometer" value="com.phonegap.AccelListener"/>
    <plugin name="Compass" value="com.phonegap.CompassListener"/>
    <plugin name="Media" value="com.phonegap.AudioHandler"/>
    <plugin name="Camera" value="com.phonegap.CameraLauncher"/>
    <plugin name="Contacts" value="com.phonegap.ContactManager"/>
    <plugin name="Crypto" value="com.phonegap.CryptoHandler"/>
    <plugin name="File" value="com.phonegap.FileUtils"/>
    <plugin name="Network Status" value="com.phonegap.NetworkManager"/>
    <plugin name="Notification" value="com.phonegap.Notification"/>
    <plugin name="Storage" value="com.phonegap.Storage"/>
    <plugin name="Temperature" value="com.phonegap.TempListener"/>
    <plugin name="FileTransfer" value="com.phonegap.FileTransfer"/>
    <plugin name="Capture" value="com.phonegap.Capture"/>
    <!-- 新增的外掛類配置 name 寫你的類名，value寫 包名.類名-->
    <plugin name="PluginTest" value="com.easyway.barcode.PluginTest "/>  
</plugins>

 

三、Javascript檔案中註冊外掛

新建一個.js檔案，並把該檔案和phonegap檔案放在同一目錄。（新建一個simplePlugin.js檔案）

var SimplePlugin = function() {};

//str1和str2是傳到JAVA的引數
SimplePlugin.prototype.hello = function(successCallback, failureCallback, str1, str2) {
    // exec 內的引數分別是： Success Callback, Failure Callback, Registered Plugin name：就是在XML檔案配置的那個所對應的name,
    // 'hello'是傳入Java檔案的execute方法中的引數String action 
   // name (從 HTML 傳進來的引數)
    return PhoneGap.exec(successCallback, failureCallback, 'PluginTest', 'hello', [str1,str2]);
};

// 這裡是 PhoneGap Plugin 的註冊，Plugin 的名稱還有 Native Class 的名稱別打錯了，就是我們剛剛輸入的那些
PhoneGap.addConstructor(function() {
    // Register the javascript plugin with PhoneGap
    PhoneGap.addPlugin('simpleplugin', new SimplePlugin());    //simpleplugin是外掛名稱， new SimplePlugin()例項化的是本Javascript的類名 

});

 

四、在HTML檔案中呼叫方法

在html檔案中引入phonegap和外掛的js檔案，呼叫方法

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    <title>JAVA傳參</title>
    <script src="phonegap.js"></script> <!--phonegap包-->
    <script src="js/jquery.js"></script>
    <script src="simplePlugin.js"></script><!--自定義的外掛檔案-->
    <script>    
    $(document).ready(function(e) {
        $("#btn_test").click(function(){
            window.plugins.simplePlugin.hello( 
                function(result) {
                    alert("返回的第一個引數："+result.str1+"返回的第二個引數"+result.str2);
                }, 
                function(error) {
                },
                "第一個引數",
                "第二個引數"
            );    
        });
    });
    </script>
    </head>
<body>
<button type="button"  id="btn_test">Click Me!</button>
</body>
</html>

 

相關文章