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注入技巧
Jun 22 Javascript
11款基于Javascript的文件管理器
Oct 25 Javascript
jQuery 树形结构的选择器
Feb 15 Javascript
JavaScript OOP面向对象介绍
Dec 02 Javascript
40个新鲜出炉的jQuery 插件和免费教程[上]
Jul 24 Javascript
firefox浏览器不支持innerText的解决方法
Aug 07 Javascript
JS实现的自定义网页拖动类
Nov 06 Javascript
Vue.js每天必学之组件与组件间的通信
Sep 08 Javascript
vue click.stop阻止点击事件继续传播的方法
Sep 04 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
Oct 11 Javascript
JavaScript代理模式原理与用法实例详解
Mar 10 Javascript
解决vue的router组件component在import时不能使用变量问题
Jul 26 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桌面中心(一) 创建数据库
2007/03/11 PHP
php计算程序运行时间的简单例子分享
2014/05/10 PHP
关于flash遮盖div浮动层的解决方法
2010/07/17 Javascript
手把手教你自己写一个js表单验证框架的方法
2010/09/14 Javascript
ajax与302响应代码测试
2013/10/23 Javascript
Javascript自定义函数判断网站访问类型是PC还是移动终端
2014/01/10 Javascript
javascript制作sql转换为stringBuffer的小工具
2015/04/03 Javascript
jQuery控制li上下循环滚动插件用法实例(附demo源码下载)
2016/05/28 Javascript
通过BootStrap实现轮播图的实际应用
2016/09/26 Javascript
JS实现自动阅读单词(有道单词本添加功能)
2016/11/14 Javascript
详解.vue文件中监听input输入事件(oninput)
2017/09/19 Javascript
使用vue-cli3+typescript的项目模板创建工程的教程
2020/02/28 Javascript
Vue组件为什么data必须是一个函数
2020/06/11 Javascript
[03:32]2014DOTA2西雅图邀请赛 CIS外卡赛赛前black专访
2014/07/09 DOTA
[04:22]DSPL第二期精彩集锦:残血反杀!
2014/12/10 DOTA
[59:00]OG vs TNC 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python3 操作符重载方法示例
2017/11/23 Python
浅析python协程相关概念
2018/01/20 Python
使用pandas对矢量化数据进行替换处理的方法
2018/04/11 Python
Python代码块批量添加Tab缩进的方法
2018/06/25 Python
详解分布式任务队列Celery使用说明
2018/11/29 Python
python路径的写法及目录的获取方式
2019/12/26 Python
pytorch 常用函数 max ,eq说明
2020/06/28 Python
Kickers鞋英国官网:男士、女士和儿童鞋
2021/03/08 全球购物
淘宝网店营销策划书
2014/01/11 职场文书
人事专员的岗位职责
2014/03/01 职场文书
岗位廉洁从政承诺书
2014/03/27 职场文书
《火烧云》教学反思
2014/04/12 职场文书
大学生就业自荐书
2014/06/16 职场文书
交通事故和解协议书
2015/01/27 职场文书
2015年建筑工程工作总结
2015/05/13 职场文书
婚礼家长致辞
2015/07/27 职场文书
分析JVM源码之Thread.interrupt系统级别线程打断
2021/06/29 Java/Android
详解Python中的for循环
2022/04/30 Python
Python实现简单得递归下降Parser
2022/05/02 Python
SQL Server使用PIVOT与unPIVOT实现行列转换
2022/05/25 SQL Server