js和applet交互的回调处理

weixin_33905756

于 2013-03-08 14:41:00 发布

阅读量168

点赞数

文章标签： java javascript json ViewUI

原文链接：https://my.oschina.net/penngo/blog/112513

版权

为什么80%的码农都做不了架构师？>>>

java最近漏洞多，不过在跨平台方面，目前发现还是它比较强大。在js和applet交互时，发现几个问题：
1、js调用applet方法是同步的，如果applet处理耗时，页面会出现不动卡死的现象。
2、在applet上使用swing组件时，貌似组件非常偶尔显示不正常。
3、如果使用swing弹出模态窗口，页面非常偶尔下出现卡死。
4、2和3两个问题在IE下出现机会比其它浏览器高。

关于1解决方法在applet使用线程处理，再通过线和回调
关于2页面显示直接使用html，applet只提供封装功能，提供函数给js调用。

解决问题1的参考代码

java

import java.net.NetworkInterface;
import java.net.SocketException;
import java.security.AccessController;
import java.security.PrivilegedAction;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Date;
import java.util.Enumeration;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import javax.swing.JApplet;

import netscape.javascript.JSObject;

public class AppletTest extends JApplet{
	public AppletTest() {
		System.out.println("AppletTest============1");
	}
	public void init() {
		System.out.println("AppletTest============2");
		new Thread(){
			public void run(){
				try{

					while(true){
						Thread.sleep(1000);
						System.out.println("init=======================" + getTime());
					}
					
				}
				catch(Exception e){
					e.printStackTrace();
				}
			}
		}.start();
		String parame = "{\"success\":true,\"info\":\"加载完成\"}";
		System.out.println("加载完成=======================" + getTime());
		runJS("initFinish", parame); //调用客户端js方法的
	}
	
	/**
	 * 
	 * @param json 传入的字符串数据
	 * @param fun 回调的函数
	 */
	public void myMethod(final String json, final String fun){
		AccessController.doPrivileged(new PrivilegedAction<Object>() {
			public Object run() {
				new Thread(){ // 另起线程，避免客户端等待applet返回数据卡死
					public void run(){
						try{
							System.out.println("1Thread=======================" + getTime());
							String parame = "{\"success\":true,\"info\":\"执行完毕\"}";
							runJS(fun, parame); //调用客户端js方法的
						}
						catch(Exception e){
							e.printStackTrace();
						}
					}
				}.start();
				System.out.println("2Thread=======================" + getTime());
				return null;
			}
		});
	}
	
	public void runJS(final String jsFun, final String parame) {
		new Thread(new Runnable() {
			public void run() {
				try {
					String fun = "";
					if(jsFun != null && !jsFun.equals("")){
						fun = jsFun + "(" + parame + ")";
						JSObject.getWindow(AppletTest.this).eval("javascript:" + fun + ";");
					}
				} catch (Throwable e) {
					System.out.println("调用js出错=========" + e.getMessage());
				}
			}
		}).start();
	}
	
	public void destroy() {
		super.destroy();
		System.out.println("================== destroy");
		System.exit(0);
	}
	
	public static String getTime() {
		SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
		return sdf.format(new Date());
	}

}

html

<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
<script>
var getTime = function(formatStr, date){
        formatStr = arguments[0] || "yyyy-MM-dd HH:mm:ss";
        date = arguments[1] || new Date();
        var str = formatStr;  
        var Week = ['日','一','二','三','四','五','六']; 
        str=str.replace(/yyyy|YYYY/,date.getFullYear());  
        str=str.replace(/yy|YY/,(date.getYear() % 100)>9?(date.getYear() % 100).toString():'0' + (date.getYear() % 100));  
        str=str.replace(/MM/,date.getMonth()>9?(date.getMonth() + 1):'0' + (date.getMonth() + 1));  
        str=str.replace(/M/g,date.getMonth());  
        str=str.replace(/w|W/g,Week[date.getDay()]);  
        str=str.replace(/dd|DD/,date.getDate()>9?date.getDate().toString():'0' + date.getDate());  
        str=str.replace(/d|D/g,date.getDate());  
        str=str.replace(/hh|HH/,date.getHours()>9?date.getHours().toString():'0' + date.getHours());  
        str=str.replace(/h|H/g,date.getHours());  
        str=str.replace(/mm/,date.getMinutes()>9?date.getMinutes().toString():'0' + date.getMinutes());  
        str=str.replace(/m/g,date.getMinutes());  
        str=str.replace(/ss|SS/,date.getSeconds()>9?date.getSeconds().toString():'0' + date.getSeconds());  
        str=str.replace(/s|S/g,date.getSeconds());  
        return str;  
}

var appletObj = function(){
	this.myMethod = function(json, fun){
		try{
			this.getInstance().myMethod(json, fun);
			console.log(getTime() + "======myMethod:");
		}
		catch(e){
			console.error(getTime() + "====applet程序挂了，请刷新页面:" + e);
		}
	}

	var tool;
	this.getInstance = function(){
		console.log(getTime() + "======typeof tool:" + (typeof tool));
		console.log(getTime() + "======tool:" + tool);
		if(typeof tool == 'undefined'){
			console.log(getTime() + "======getInstance:");
			tool = $("#tool")[0];
		}
		return tool;
	}
	return this;
}();


$(function(){
	$("#btn").click(function(){
		var parame = {data1:'test1'};
		appletObj.myMethod(JSON.stringify(parame), "resultData");
	});

});

function resultData(jsonObj){
	console.log(getTime() + "========jsonObj:" + JSON.stringify(jsonObj));
	console.log(getTime() + "======btn1Click:" + jsonObj.success);
}

function initFinish(jsonObj){
	console.log(getTime() + "========applet init end:" + jsonObj.info);
}
</script>
</head>
<body>  

<applet id="tool" code="test.AppletTest" java_codebase="./" archive="applet.jar" 	width="0" height="0" >
</applet>


<input type="button" id="btn" value="调用applet" />

</body>
</html>

转载于:https://my.oschina.net/penngo/blog/112513