JOB：前端面试10

（1）写ajax代码实例，理解原理：http://www.runoob.com/ajax/ajax-tutorial.html 1创建xmlhttp对象 2书写响应xmlthhp状态变化的函数 3打开xmlhttp 4发送http 5关闭http

<script>
function loadXMLDoc()
{
	var xmlhttp;
	if (window.XMLHttpRequest)
	{
		//  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
		xmlhttp=new XMLHttpRequest();
	}
	else
	{
		// IE6, IE5 浏览器执行代码
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function()
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
			document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
		}
	}
	xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);
	xmlhttp.send();
}
</script>

（2）ajax的缺点和在IE下的问题？ ajax优点：1、异步更新数据。2、平衡客户端和服务器的负载量。3、界面与应用分离 ajax缺点：1、破坏浏览器机制，取缔了balck和history的功能。2、对搜索引擎支持较弱。3、安全性低，由于直接建立通道，会将大量数据暴露出来。4、不支持移动设备。5、客户端编码过多，增加开发和维护成本。

（3）cookie的作用，缺点及增删改查操作 cookie可以弥补http协议无状态的缺陷，使服务器可以在第二次收到请求访问时辨识用户信息。 缺点： 1、cookie的数目和大小有限定，每个特定的域名下最多生成20个cookie，每个cookie不能超多4K。 2、安全性问题，cookie被截获后，不要知道具体意义，直接转发即可。 3、有些状态不适合保存在客户端，如放置表单重复提交的计数器。

<script type="text/javascript">
		document.cookie = "name=joh";
		console.log(document.cookie);
		//set
		function setCookie(cName,cValue,exdata){
			var now =new Data();
			now.setMinutes(now.getMinutes()+exdata);
			document.cookie = cName +"="+escape(cValue)+";expires="+now.toGMTString();
		}
		//get Cookie
		function getCookie(cValue){
			var cookies = document.cookie;
			if(cookie.length>0){
				var cStart = cookies.indexOf(cName +"=");
				if(cStart!=-1){
					cStart = cStart+cookie.length+1;
					var cEnd = cookie.indexOf(";",cStart);
					if(cEnd==-1){
						cEnd = cookies.length;
						return unescape(cookies.substring(cStart,cEnd));
					}
				}
				
			}else{
				return null;
			}
		}
		//delete
		function delete(){
			var cookies = getCookie(cName);
			setCookie(cName,cValue,-1);
		}
		//modify

	</script>

http://xusweeter.iteye.com/blog/745077

（4）HTML5的离线储存怎么使用，工作原理能不能解释一下