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 中介者模式实例
Dec 16 Javascript
JS高级笔记
Jul 13 Javascript
基于jQuery的计算文本框字数的代码
Jun 06 Javascript
解决JS浮点数运算出现Bug的方法
Mar 12 Javascript
jquery实现用户信息修改验证输入方法汇总
Jul 18 Javascript
利用JS屏蔽页面中的Enter按键提交表单的方法
Nov 25 Javascript
AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例
Apr 21 Javascript
vue的keep-alive中使用EventBus的方法
Apr 23 Javascript
vue v-for直接循环数字实例
Nov 07 Javascript
JS常用排序方法实例代码解析
Mar 03 Javascript
Vue实现Layui的集成方法步骤
Apr 10 Javascript
ant design vue中表格指定格式渲染方式
Oct 28 Javascript
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
PHP查询附近的人及其距离的实现方法
2016/05/11 PHP
PHP chr()函数讲解
2019/02/11 PHP
浅谈Laravel中的三种中间件的作用
2019/10/13 PHP
javascript实现文字图片上下滚动的具体实例
2013/06/28 Javascript
JS实现鼠标单击与双击事件共存
2014/03/08 Javascript
jQuery中对未来的元素绑定事件用bind、live or on
2014/04/17 Javascript
JSON遍历方式实例总结
2015/12/07 Javascript
Javascript之Math对象详解
2016/06/07 Javascript
JS限制条件补全问题实例分析
2016/12/16 Javascript
nodejs中全局变量的实例解析
2017/03/07 NodeJs
jQuery插件zTree实现的基本树与节点获取操作示例
2017/03/08 Javascript
JavaScript实现的浏览器下载文件的方法
2017/08/09 Javascript
Vue.js图片预览插件使用详解
2018/08/27 Javascript
微信小程序实现获取小程序码和二维码java接口开发
2019/03/29 Javascript
VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法
2020/04/17 Javascript
基于Vue全局组件与局部组件的区别说明
2020/08/11 Javascript
[03:39]这就是刀塔,我们是冠军!燃情短片讲述我们的DOTA故事
2019/07/02 DOTA
用Python编写一个简单的俄罗斯方块游戏的教程
2015/04/03 Python
使用Python程序抓取新浪在国内的所有IP的教程
2015/05/04 Python
Python编程实现从字典中提取子集的方法分析
2018/02/09 Python
python如何拆分含有多种分隔符的字符串
2018/03/20 Python
Python第三方库h5py_读取mat文件并显示值的方法
2019/02/08 Python
python 含子图的gif生成时内存溢出的方法
2019/07/07 Python
使用Django搭建web服务器的例子(最最正确的方式)
2019/08/29 Python
Python3 翻转二叉树的实现
2019/09/30 Python
使用Python的datetime库处理时间(RPA流程)
2019/11/24 Python
Python通过TensorFLow进行线性模型训练原理与实现方法详解
2020/01/15 Python
uniapp+Html5端实现PC端适配
2020/07/15 HTML / CSS
写一个用矩形法求定积分的通用函数
2012/11/08 面试题
kfc实习自我鉴定
2013/12/14 职场文书
《鹬蚌相争》教学反思
2014/04/22 职场文书
关于青春的演讲稿三分钟
2014/08/22 职场文书
民主评议政风行风活动心得体会
2014/10/29 职场文书
打架检讨书
2015/01/27 职场文书
2016年寒假社会实践活动心得体会
2015/10/09 职场文书
《小乌鸦爱妈妈》教学反思
2016/02/19 职场文书