JS 30 ajax

DNS Domin Name System
ip: 192.168.1.1
域名 https: www.baidu.com
完整的域名 协议+域名+:端口号+路径
ajax:前端向后端去取数据的技术,异步的向服务器发送请求
ajax核心对象
其他浏览器：XMLHttpRequest
ie低版本（ie6:XMLHTTP）
get请求与post请求的区别：
get比post更快更简单，如果没有任何要求的情况下，用get
以下几种特殊情况要用post
1.发送大量数据的时候 用post
2.发送的数据包含未知的用户输入(表单元素)的时候,用post更安全更稳定
3.请求转发，请求缓存用post

		*/
	   //使用ajax的步骤
	   //1.创建ajax核心对象
	   function getData(){
	   		 var xmlhttp
		   if(window.XMLHttpRequest){
			   //其他浏览器
			   xmlhttp=new XMLHttpRequest();
		   }else{
			   //ie低版本
			   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
		   }
		   //请求方式 get post
		 //2.向服务器创建请求 open(请求方式,请求地址,是否异步)
		  xmlhttp.open("get","my.php",true)
		  //3.发送请求参数 请求参数的格式必须是 key=value形式的字符串.如果有多个请求参数,那么中间以&连接
		  //post请求的请求参数是写在send方法里面
		  //get请求的请求参数写在请求地址后面,以?号连接,send里面要传null
		  xmlhttp.send(null);
		   //4.接收响应
			//readyState(当前请求的状态码) 0尚未初始化 1正在发送请求 2请求完成  3正在响应   4响应完毕
			//status(服务器端返回的状态码) 404(找不到页面) 200(ok) (301 304 500)
			//onreadystatechange
			//xmlhttp.responseText 拿到服务器端返回的文本格式的数据
		   xmlhttp.onreadystatechange=function(){
			   if(xmlhttp.readyState==4&&xmlhttp.status==200){
				   var data=xmlhttp.responseText;
					txt.innerHTML=data;
			   }
		   }
	   }
		  var btn=document.getElementById("btn");
		  var txt=document.getElementById("txt");
		  btn.onclick=getData