Js调用Java方法并互相传参的简单实例


Posted in Javascript onAugust 11, 2016

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();
    }
  }
}

三、Javascript文件中注册插件

新建一个.js文件,并把该文件和phonegap文件放在同一目录。(新建一个simplePlugin.js文件)

var SimplePlugin = function() {};

//str1和str2是传到JAVA的参数
SimplePlugin.prototype.hello = function(successCallback, failureCallback, str1, str2) {
  // exec ?鹊??捣?e是: Success Callback, Failure Callback, Registered Plugin name:就是在XML文件配置的那个所对应的name,
  // 'hello'是传入Java文件的execute方法中的参数String action 
  // name (? HTML ?鬟M?淼???
  return PhoneGap.exec(successCallback, failureCallback, 'PluginTest', 'hello', [str1,str2]);
};

// 这里是 PhoneGap Plugin 的??裕?lugin 的名??有 Native Class 的名??e打?了,就是我???????入的那些
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>

以上这篇Js调用Java方法并互相传参的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript修改IMG标签的src问题
Mar 28 Javascript
js 获取元素下面所有li的两种方法
Apr 14 Javascript
javascript常用函数归纳整理
Oct 31 Javascript
jQuery动态修改超链接地址的方法
Feb 13 Javascript
jQuery头像裁剪工具jcrop用法实例(附演示与demo源码下载)
Jan 22 Javascript
Javascript实现单例模式
Jan 24 Javascript
js+html获取系统当前时间
Nov 10 Javascript
如何选择适合你的JavaScript框架
Nov 20 Javascript
React BootStrap用户体验框架快速上手
Mar 06 Javascript
js实现随机抽奖
Mar 19 Javascript
ant-design-vue按需加载的坑的解决
May 14 Javascript
8个非常实用的Vue自定义指令
Dec 15 Vue.js
JS中的hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()
Aug 11 #Javascript
基于js对象,操作属性、方法详解
Aug 11 #Javascript
JS中的hasOwnProperty()和isPrototypeOf()属性实例详解
Aug 11 #Javascript
Node.js中防止错误导致的进程阻塞的方法
Aug 11 #Javascript
浅谈js中对象的使用
Aug 11 #Javascript
js倒计时简单实现代码
Aug 11 #Javascript
原生态js,鼠标按下后,经过了那些单元格的简单实例
Aug 11 #Javascript
You might like
smarty 原来也不过如此~~呵呵
2006/11/25 PHP
php中文字符截取防乱码
2008/03/28 PHP
解析thinkphp的左右值无限分类
2013/06/20 PHP
如何使用php输出时间格式
2013/08/31 PHP
深入理解PHP 数组之count 函数
2016/06/13 PHP
PHP数组对象与Json转换操作实例分析
2019/10/22 PHP
地址栏传递中文参数乱码在js里用escape转码
2013/08/28 Javascript
js 剪切板的用法(clipboardData.setData)与js match函数介绍
2013/11/19 Javascript
js图片滚动效果时间可随意设定当鼠标移上去时停止
2014/06/26 Javascript
全面解析JavaScript中apply和call以及bind(推荐)
2016/06/15 Javascript
Vue中fragment.js使用方法详解
2017/03/09 Javascript
利用js定义一个导航条菜单
2017/03/14 Javascript
layer弹窗插件操作方法详解
2017/05/19 Javascript
深入理解Node module模块
2018/03/26 Javascript
在vscode里使用.vue代码模板的方法
2018/04/28 Javascript
JavaScript栈和队列相关操作与实现方法详解
2018/12/07 Javascript
原生js实现的移动端可拖动进度条插件功能详解
2019/08/15 Javascript
解决layui表格的表头不滚动的问题
2019/09/04 Javascript
vue 实现路由跳转时更改页面title
2019/11/05 Javascript
JavaScript ECMA-262-3 深入解析(一):执行上下文实例分析
2020/04/25 Javascript
python 判断参数为Nonetype类型或空的实例
2018/10/30 Python
python实现关闭第三方窗口的方法
2019/06/28 Python
利用python绘制数据曲线图的实现
2020/04/09 Python
通过实例解析Python RPC实现原理及方法
2020/07/07 Python
Python 整行读取文本方法并去掉readlines换行\n操作
2020/09/03 Python
Python OpenCV中的numpy与图像类型转换操作
2020/12/11 Python
Html5新增标签与样式及让元素水平垂直居中
2019/07/11 HTML / CSS
澳大利亚购买最佳炊具品牌网站:Cookware Brands
2019/02/16 全球购物
Pandora西班牙官方商店:PandoraShop.es
2020/10/05 全球购物
教师远程培训感言
2014/03/06 职场文书
2014年入党积极分子党课学习心得体会模板
2014/04/03 职场文书
小学生中国梦演讲稿
2014/04/23 职场文书
党员学习党的群众路线思想汇报(5篇)
2014/09/10 职场文书
运动会广播稿100字
2014/09/14 职场文书
党的群众路线教育实践活动个人整改方案
2014/10/25 职场文书
Python中json.load()和json.loads()有哪些区别
2021/06/07 Python