js将一个数组传给android

时间 2019-11-16

原文原文链接

1，在android中给webview设置一个供js调用的java类，并起一个名字供js用；如：

this.appView.addJavascriptInterface(new JavaScripdtObject(), "android");

2,建立这个类，并定义一些方法，这些方法是给js调用的：如：

public class JavaScripdtObject {

		@JavascriptInterface
		public void runAndroidMethod(String str) {
			
			Intent intent = new Intent(MainActivity.this, TestActivity.class);
			//将js传过来的这个值传给这个页面
			Bundle bundle = new Bundle();
			bundle.putString("str", str);
			intent.putExtras(bundle);
			MainActivity.this.startActivity(intent);
			
			Toast.makeText(MainActivity.this, "被js调用"+str, Toast.LENGTH_SHORT)
					.show();
			
			
			
		}
		@JavascriptInterface//在API 11及以上须要加这个注解
		public void runAndroidMethodArr(String strArr[]){
			StringBuffer strBuffer = new  StringBuffer();
			for (int i = 0; i < strArr.length; i++) {
				strBuffer.append(strArr[i]);
			}
			String str = strBuffer.toString();
			Toast.makeText(MainActivity.this, str, Toast.LENGTH_SHORT).show();
		}
	}

3，js代码：

<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width,user-scalable=no" />
		<meta name="MobileOptimized" content="240" />
		<meta http-equiv="pragma" />
		<meta charset="utf-8" />
		<title>获取节点数据的操做</title>
	</head>
	<body>
		<font color="blue" size="4">获取节点</font>
		<font color="red" size="4">数据</font>
		<hr />
		<!-- 换行 -->
		<input type="text" " name="user" maxlength="10"
			style="height: 20px; width: 80px; font-size: 12px; color: #F09" />

		<input type="button" value="点击我" onClick="onClick()"
			style="color: #0F6" />


		<script type="text/javascript">
		
		function onClick() {
		//定义一个数据
		var arr = [];
		
				//一，获取输入框中的节点数据
				//获得的是一个数据，一堆元素，由于name会有重复的；弱类型语言，就用var来接受
			//var nodes = document.getElementsByName("user");
			//var str = nodes[0].value;
			//调用android方法，js页面的值传给android
			//android.runAndroidMethod(str);//调用android的方传一个字符串
			
			
			//二，获取其余节点的数据
			var nodes = document.getElementsByTagName("span");
			for ( var i = 0; i < nodes.length; i++) {
				var array_element = nodes[i];//拿到节点对象
				arr[i] = array_element.innerText;//再经过节点对象获取里面的数据
			}
			android.runAndroidMethodArr(arr);//调用android的方法，将一个数组传过去
			
	}
</script>


		<br />
		<br />
		<span>这是一个span区域</span>
		<br />
		<span>这是第二个span区域</span>
	</body>

</html>