Ajax快速入门和简单操作

概念

是一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。提升用户体验。

---

同步与异步
在客户端和服务器相互通信的基础上

• 同步：客户端必须等待服务器的响应，等待响应期间不能做其他操作
• 异步：客户端无必须等待服务器的响应，等待响应期间能做其他操作

AJAX实现

原生js方式

1. 获取 XMLHttpRequest对象：XMLHttpRequest 是 AJAX 的基础，用于在后台与服务器交换数据

   var xmlhttp;
   if (window.XMLHttpRequest)
     {		// code for IE7+, Firefox, Chrome, Opera, Safari
   	xmlhttp=new XMLHttpRequest();
    }
   else
    {		// code for IE6, IE5
   	xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
   

2. 向服务器发送请求

   1. 请求方式

   xmlhttp.open("Post/Get","文件位置",true);
   xmlhttp.send();  //提交请求
   

   open(method,url,async) ：规定请求的类型、URL、 以及是否异步处理请求。
   method：请求的类型；GET 或 POST、url：文件在服务器上的位置、async：true（异步）或 false（同步）

   2. 获取响应

     xmlhttp.onreadystatechange=function() {
     if (xmlhttp.readyState==4 && xmlhttp.status==200){
   	 document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
       }
     }   
   

Jquery方式：