这两天一直在研究WebView加载html文件，并显示服务器端数据得问题，其中很关键的一个问题就是需要在java代码中将从服务器端接收到的数据，传递到WebView的HTML页面中，并通过JavaScript函数来将数据显示出来。在查看了Android的API文档以后，发现WebView有两种方式可以和JavaScript做交互。

　　方式一：

   
   
   
   
    
    
    
    
    
  1. //先加载html文件，然后调用html文件中的javascript函数 
    2. 
    
    
    
    
  2. webView.loadUrl("file:///android_asset/show.html"); 
    3. 
    
    
    
    
  3. webView.loadUrl("javascript:pushNewsData('"+strHtml+"')");  　　
    4.

 　　方式二：

   
   
   
   
    
    
    
    
    
  1. //在Java代码中添加javascript的接口，然后在html文件中调用java中的对象  
    2. 
    
    
    
    
  2. webView.addJavascriptInterface(strHtml, "MyContent"); 
    3.


HTML文件 

   
   
   
   
    
    
    
    
    
  1. >  
    2. 
    
    
    
    
  2. <html>  
    3. 
    
    
    
    
  3.     <head> 
    4. 
    
    
    
    
  4.         <meta http-equiv="Content-Type" content="text/xhtml; charset=utf-8" /> 
    5. 
    
    
    
    
  5.     head> 
    6. 
    
    
    
    
  6.      
    7. 
    
    
    
    
  7.     <body id="myBody"> 
    8. 
    
    
    
    
  8.     body> 
    9. 
    
    
    
    
  9.     <script> 
    10. 
    
    
    
    
  10. funcion pushNewsDate(dataText){
    11. 
    
    
    
    
  11. document.write(dataText);
    12. 
    
    
    
    
  12. }
    13. 
    
    
    
    
  13.         window.MyContent; 
    14. 
    
    
    
    
  14.     script> 
    15. 
    
    
    
    
  15. html> 
    16.

　　最后我使用的是第二种方式来显示从服务器端得到的数据。也许有朋友会问，为什么不是用第一种方式，这样直接调用不是很好么，为什么非得兜个圈子，先向WebView发送请求，然后WebView再发送数据到html页面？
最初，我也觉得第一种方法很直观，使用起来也很省事，但是在debug的过程中才发现这种调用方式是存在隐患的，什么隐患呢？因为我是向html页面传送从服务器接收到的数据，这其中有个很难控制的地方——服务器端发送的数据是什么样子的？里面有没有非法字符？有没有特殊字符？发现这个隐患也是很偶然的，因为之前显示是正常的，可是突然就出现了一次不显示任何内容的情况，debug时跟踪了所有地方，也没有发现代码中出现问题，最后又将从服务器端接收到的数据放到HTML页面中对JavaScript做debug，就这样折腾了3个多小时，最后才发现是在使用方式一得情况下，将数据当做参数传入到javascript函数中时，javascript对参数得值不识别造成的，即javascript认为传入的参数的值是错误的。当换成第二种方式后，这个问题就不存在了，无论是什么样的数据，都可以在html页面中正常显示。
　　在第二种方式中，本人是将一个字符串“strHtml”当做对象传入到html页面中，如果大家希望传入其他内容也是可以的，比如传入一个class

   
   
   
   
    
    
    
    
    
  1. public class HtmlShow{ 
    2. 
    
    
    
    
  2.      
    3. 
    
    
    
    
  3.     private String str; 
    4. 
    
    
    
    
  4.      
    5. 
    
    
    
    
  5.     public String getContent(){ 
    6. 
    
    
    
    
  6.      
    7. 
    
    
    
    
  7.         str = "initialize in java"; 
    8. 
    
    
    
    
  8.         return  str; 
    9. 
    
    
    
    
  9.     } 
    10. 
    
    
    
    
  10. } 
    11. 
    
    
    
    
  11.  
    12. 
    
    
    
    
  12. HtmlShow hs = new HtmlShow(); 
    13. 
    
    
    
    
  13. webView.addJavascriptInterface(hs, "MyContent"); 
    14.

　　在Html中的调用方式如下

   
   
   
   
    
    
    
    
    
  1. >   
    2. 
    
    
    
    
  2. <html>   
    3. 
    
    
    
    
  3.     <head>  
    4. 
    
    
    
    
  4.         <meta http-equiv="Content-Type" content="text/xhtml; charset=utf-8" />  
    5. 
    
    
    
    
  5.     head>  
    6. 
    
    
    
    
  6.       
    7. 
    
    
    
    
  7.     <body id="myBody">  
    8. 
    
    
    
    
  8.     body>  
    9. 
    
    
    
    
  9.     <script>  
    10. 
    
    
    
    
  10.         window.MyContent.getContent();  
    11. 
    
    
    
    
  11.     script>  
    12. 
    
    
    
    
  12. html>  
    13.