自定义Cordova插件:实现功能:JS调用Java,Java业务处理完成之后将结果返回给JS,JS接受返回的结果并弹出
第一步:编写Java代码
在这里我删除了js/index.js文件的引用
exec();参数解释:第一个参数就是Java执行成功之后的回调函数,第二个是Java执行失败的回调函数,第三个参数就与第二步中配置的name参数一致了(主要就是定位),
第四个参数是在Java中使用的,相当于一个标识符(就是execute函数的第一个参数),第五个参数是JS传递给Java的信息,在execute函数的第二个参数中可以得到
第一步:编写Java代码
package com.chao.echo;
import org.apache.cordova.CallbackContext;
import org.apache.cordova.CordovaPlugin;
import org.json.JSONArray;
import org.json.JSONException;
import android.widget.Toast;
/**
*
* @author chao
*
* 2015年5月28日
*/
public class Echo extends CordovaPlugin {
@Override
public boolean execute(String action, JSONArray args,
CallbackContext callbackContext) throws JSONException {
// TODO Auto-generated method stub
System.out.println(args.get(0));
callbackContext.success("java callback");
Toast.makeText(this.cordova.getActivity(), "Java Echo",
Toast.LENGTH_LONG).show();
return true;
}
}
第二步:配置:在res/xml/config.xml下,添加如下的代码:
<feature name = "Echo">
<param name = "android-package" value = "com.chao.echo.Echo"></param>
</feature>
参数说明:name 与 JS中的参数一致,在下面会看到
第三步:开发JS
<!DOCTYPE html>
<html>
<head>
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<title>Hello World</title>
<script>
function startActivity(data) {
cordova.exec(function(data) {alert("call back success,and data is "+data);}, function(e) {console.log("Error: "+e);}, "Echo", "start", [data]);
};
</script>
</head>
<body>
<button οnclick="startActivity('this is js data');">Lifecycle</button>
<script type="text/javascript" src="cordova.js"></script>
</body>
</html>
在这里我删除了js/index.js文件的引用
exec();参数解释:第一个参数就是Java执行成功之后的回调函数,第二个是Java执行失败的回调函数,第三个参数就与第二步中配置的name参数一致了(主要就是定位),
第四个参数是在Java中使用的,相当于一个标识符(就是execute函数的第一个参数),第五个参数是JS传递给Java的信息,在execute函数的第二个参数中可以得到
看看效果: