前端webview，页面加载，发送Ajax请求，请求失败，https，http

场景：

图文统计：要统计一篇图文推送到手机端的阅读量，我是在这个页面加上了一个Ajax请求，当页面加载的时候发送请求到后端，来统计阅读量，返回数量。

页面链接是经过Apach映射的。

在生产环境一直统计不到，Ajax请求没有发出来，后来发现是由于该页面是Https的，而其中发送的Ajax请求servlet的url是http的。

在火狐调试报错："已阻止载入混合活动内容"

原理：

当一个HTTPS页面中包含HTTP内容时，即使主页面是经过SSL加密受HTTPS协议保护，但其中的HTTP内容可以被攻击者阅读或更改；这种HTTPS页面包含HTTP内容的情况，就被称为“混合内容”。

这种内容是不安全的，如果主页面是HTTPS，但iframe src引用HTTP内容，Firefox23默认会阻止这种内容的显式！

ps:但是安卓机有一台华为却能统计到的，其他安卓机统计不到，后来百度发现这台安卓机是Android4.4.4，而从Android5.0开始，WebView默认不支持同时加载Https和Http混合模式。所以这台安卓机可以统计到图文阅读量。

解决方式：

我把Ajax要请求servlet的url也改成了https的，就可以在手机端打开后成功发送ajax了，并能获取到返回的数据。

由于我的事一个简单页面，所以没用jquery，而是用的简单的原生ajax请求，轻量。

	<script> 
			window.onload = function(){ 
				var messageIdElement = document.getElementById('file_messageId'); 
				var messageId = messageIdElement.value; 
				var user_agent = navigator.userAgent; 
				var i = user_agent.indexOf('YSTUSERCODE'); 
				var userCode = ''; 
				if(i != -1){ 
					userCode = user_agent.substring(i,user_agent.length); 
				} 
				var xmlHttp; 
				if(window.ActiveXObject){ 
				 	xmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); 
				}else if(window.XMLHttpRequest){ 
					xmlHttp=new XMLHttpRequest(); 
				} 
				var url = 'msgTwTJurl?id='messageId'&userCode='userCode ; 
						alert('url='url); 
				xmlHttp.open('get',url,true); 
				xmlHttp.send(); 
			xmlHttp.onreadystatechange=function(){                       
				if(this.readyState == 4){                                
					if(this.status >=200 && this.status <400){  
						var readCount= this.responseText;                
						var span = document.getElementById('readCount'); 
						span.innerHTML=readCount;                        
					}                                                    
				}                                                        
			}															 
			}; 
			</script>