WebView加载网页保存信息到Cookie

 

 

一．知识点

    1．WebView加载INTERNET网页

       2．Android Activity和网页jsp之间传递参数

       3．Jsp存储数据到本地计算机中，通过Cookie实现设置默认值

二．代码分析

1、PropertyActivity.java

package com.esri.arcgis.android.map;

import org.json.JSONArray;

import org.json.JSONObject;

import android.app.Activity;

import android.content.Intent;

import android.os.Bundle;

import android.os.Handler;

import android.util.Log;

import android.view.KeyEvent;

import android.webkit.WebView;

import android.webkit.WebViewClient;

public class PropertyActivity extends Activity {

private static final String TAG = "PropertyActivity";

private WebView webView;

private Handler handler = new Handler();

private Bundle bundle;

private Intent intent;

private String xStr = null;// X坐标

private String yStr = null;// Y坐标

private int dataType = 0;// 选择的数据类型jsp页面

private int selectType = 0;// 选择的数据类型

@Override

protected void onCreate(Bundle savedInstanceState) {

// TODO Auto-generated method stub

super.onCreate(savedInstanceState);

setContentView(R.layout.webview);

// 获得传递过来的参数

intent = getIntent();

bundle = intent.getExtras();

xStr = String.valueOf(bundle.getDouble("xStr"));

yStr = String.valueOf(bundle.getDouble("yStr"));

selectType = bundle.getInt("dataType");

if (selectType <= 3) {

dataType = 0;

} else if (selectType > 3 && selectType <= 7) {

dataType = 1;

} else {

dataType = selectType;

}

webView = (WebView) this.findViewById(R.id.webView);

webView.getSettings().setJavaScriptEnabled(true); // 设置支持javaScript

webView.getSettings().setSaveFormData(false); // 不保存表单数据

webView.getSettings().setSavePassword(false); // 不保存密码

webView.getSettings().setSupportZoom(false); // 不支持页面放大功能

webView.addJavascriptInterface(new MyJavaScript(), "itcast");

//addJavascriptInterface方法中要绑定的Java对象及方法要运行在另外的线程中，不能运行在构造他的线程中

webView.loadUrl("http://192.168.0.44:8090/JNDLS/property_add"

+ dataType + ".jsp");

webView.setWebViewClient(new MyWebViewClient());

}

@Override

public boolean onKeyDown(int keyCode, KeyEvent event) {

if ((keyCode == KeyEvent.KEYCODE_BACK) && webView.canGoBack()) {

webView.goBack();

return true;

}

return super.onKeyDown(keyCode, event);

}

private final class MyJavaScript {

@SuppressWarnings("unused")

public void backActivity(final int i) {

handler.post(new Runnable() {

public void run() {

if (i == 1) {

PropertyActivity.this.setResult(RESULT_OK, intent);

} else if (i == 0) {

PropertyActivity.this

.setResult(RESULT_CANCELED, intent);

}

PropertyActivity.this.finish();

}

});

}

@SuppressWarnings("unused")

public void getParameter() {

handler.post(new Runnable() {

public void run() {

String json = buildJson(xStr, yStr);

webView.loadUrl("javascript:show('" + json + "')");

}

});

}

//生成Json格式的数据

private String buildJson(String x, String y) {

try {

JSONArray array = new JSONArray();

JSONObject item = new JSONObject();

item.put("x", x);

item.put("y", y);

item.put("selectType", selectType);

array.put(item);

return array.toString();

} catch (Exception e) {

Log.e(TAG, e.toString());

}

return "";

}

}

 

    public class MyWebViewClient extends WebViewClient {

public boolean shouldOverviewUrlLoading(WebView view, String url) {

view.loadUrl(url);

return true;

}

}

}

       

 

2.webwiew.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

<WebView android:id="@+id/webView"

android:layout_width="fill_parent"

android:layout_height="fill_parent"/>

</LinearLayout>

3. property_add8.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

Cookie[] cookies=request.getCookies();

//判断是否为空

if(cookies!=null){

for(int i=0;i<cookies.length;i++){

    Cookie c=cookies[i];

    String name=c.getName();

    String value=c.getValue();

    request.setAttribute(name, value);

}

}

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<base href="<%=basePath%>">

<title>添加变压器属性页面</title>

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="This is my page">

<script type="text/javascript">

function show(jsondata){

var jsonobjs = eval(jsondata);

for(var y=0; y<jsonobjs.length; y++){

window.document.getElementById("xzuobiao").value=jsonobjs[y].x;

window.document.getElementById("yzuobiao").value=jsonobjs[y].y;

window.document.getElementById("selectType").value=jsonobjs[y].selectType;

}

}

</script>

</head>

<body bgcolor="#F4BD66" text="#000000" style="margin: 0 0 0 0"

onload="javascript:itcast.getParameter()">

<form method="post" action="./propertyAddBYQ">

<table border="0" width="100%" id="personTable" cellspacing="0">

<tr>

<td colspan="2" align="center">

<font color="green"><b>添加变压器属性页面</b></font>

</td>

</tr>

<tr>

<td>

<font color="green">变压器名称：</font>

</td>

<td>

<input type="text" name="byqmc" id="byqmc"

value="${requestScope.byqmc}" />

</td>

</tr>

<tr>

<td>

<font color="green">变压器容量：</font>

</td>

<td>

<input type="text" name="byqrl" id="byqrl"

value="${requestScope.byqrl}" />

</td>

</tr>

<tr>

<td>

<font color="green">变压器型号：</font>

</td>

<td>

<input type="text" name="byqxh" id="byqxh"

value="${requestScope.byqxh}" />

</td>

</tr>

<tr>

<td>

<font color="green">备注：</font>

</td>

<td>

<textarea rows="3" cols="20" name="beizhu" id="beizhu"></textarea>

</td>

</tr>

<tr>

<td>

<font color="green">X：</font>

</td>

<td>

<input type="text" name="xzuobiao" id="xzuobiao"

readonly="readonly" />

</td>

</tr>

<tr>

<td>

<font color="green">Y：</font>

</td>

<td>

<input type="text" name="yzuobiao" id="yzuobiao"

readonly="readonly" />

</td>

<td></td>

</tr>

<tr>

<td>

<input type="hidden" name="selectType" id="selectType" />

</td>

<td>

</td>

<td></td>

</tr>

<tr>

<td>

<input type="submit" name="sub" id="sub" value="提交" />

</td>

<td>

<input type="button" name="cancel" id="cancel"

onClick="window.itcast.backActivity(0)"value="取消" />

</td>

<td></td>

</tr>

</table>

</form>

</body>

</html>

//程序解析：

//1.WebView加载网页传递参数

//首先，在webview.xml中添加组件WebView，在PropertyActivity.java中进行了一些参数的设置，通过WebView.loadUrl()方法加载到网页property_add8.jsp后，页面通过JS变量在body中加载与之绑定的JAVA对象new MyJavaScript()的getParameter()方法，方法中将要传递到页面的参数生成Json格式的数据，再次通过WebView.loadUrl()方法加载页面JS方法show()，将参数传递到页面JS方法中，然后对数据进行处理。

// Activity中webView.addJavascriptInterface(new MyJavaScript(), "itcast");方法将new MyJavaScript()类和itcast变量进行了绑定，在jsp页面中可以通过window.itcast打点调用MyJavaScript()中的方法，如同JAVA操作，比如window.itcast.backActivity(0)。

//2.存储网页参数到Cookie，再次打开网页设置默认值

4.Servlet部分代码1

public static void setBianYaQiCookies(HttpServletRequest request,

HttpServletResponse response) {

//创建一个Cookie对象，名称为第一个参数，存储的信息为第二个参数

Cookie cookie1 = new Cookie("byqmc", request.getParameter("byqmc"));

Cookie cookie2 = new Cookie("byqrl", request.getParameter("byqrl"));

Cookie cookie3 = new Cookie("byqxh", request.getParameter("byqxh"));

//把Cookie写入到用户本地计算机中

response.addCookie(cookie1);

response.addCookie(cookie2);

response.addCookie(cookie3);

}

}

5. Servlet部分代码2

//取出用户机器中的Cookie

Cookie[] cookies=request.getCookies();

for(int i=0;i<cookies.length;i++){

Cookie c=cookies[i];

String name=c.getName();

String value=c.getValue();

request.setAttribute(name, value);

}

//Cookie存储在用户本地计算机上的数据

//代码解析：

//用户打开jsp页面填写完信息提交请求，请求到达Servlet中获取页面参数创建Cookie对象，存入本地计算机中。

在用户打开jsp页面前，首先从用户本地计算机中取出Cookie，通过EL表达式在页面相应位置显示默认值，比如

<input type="text" name="byqmc" id="byqmc" value="${requestScope.byqmc}" />

//注意：如果要保存到Cookie中的值包含汉字的话，需要进行以下处理：

　　存：

　　　　Cookie cookie1 = new Cookie("byqmc", URLEncoder.encode( request.getParameter("byqmc"),   "UTF-8"));
 　　　 cookie1.setMaxAge(36000);

　　　　response.setCharacterEncoding( "UTF-8 "); 
  　　  response.addCookie(cookie1);

　　取：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page language="java" import="java.net.URLDecoder"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
Cookie[] cookies=request.getCookies();
if(cookies!=null){
for(int i=0;i<cookies.length;i++){
 Cookie c=cookies[i];
 String name=c.getName();
 String value=URLDecoder.decode(cookies[i].getValue(),   "UTF-8");
 request.setAttribute(name, value);
}
}
%>

//注释：当汉字存放到Cookie中时进行了编码，每个编码之间都用%分隔。使用java.net.URLEncoder进行编码，使用java.net.URLDecoder进行解码。

　　倘若在JSP页面中写JAVA代码，导入包时，pageEncoding编码只能写一个。